no entiendo bien el funcionamiento del metodo fetch

Pregunta de la clase:
Promesas
Daniel Lopez

Daniel Lopez

Pregunta
studenthace 5 años

no entiendo bien el funcionamiento del metodo fetch

3 respuestas
para escribir tu comentario
    Carlos Enrique Ramírez Flores

    Carlos Enrique Ramírez Flores

    studenthace 5 años

    es una funcion de peticiones ajax a un servidor http es tipo las funciones de jquery $.get()

    Andres Camilo Lemus Madrid

    Andres Camilo Lemus Madrid

    studenthace 5 años

    Te lo tratare de explicar en pasos por línea de código

    Imagina que tenemos este codigo:

    fetch(URL) .then( (pedido) => console.log(pedido) ) .catch( (error) => console.log(error) ) //10.000 lineas de codigo
    1. Una función fetch tiene DOS tareas: a. Ordenar al BROWSER(javascript no hace requests)que haga un REQUEST a ese url que pasamos como argumento. b. Crear un objeto Promise el cual tiene tres atributos:
      • value: uninitialized (en un futuro, tomará valor que retorna del Request).
      • onFulFilled: un ARRAY.
      • onReject: otro ARRAY.
    Promise = { value, onFulFilled: [], onReject: [] }
    1. Llegamos a la linea .then, esta tiene como función, AGREGAR la función que recibe como argumento, al array del atributo onFulFilled del objeto Promise creado por fetch() en el paso 1.
    //imaginate que .then() es equivalente a: Promise.onFulFilled.push( miFunción )
    1. Llegamos a la linea .catch, esta tiene como función, AGREGAR la función que recibe como argumento, al array del atributo onReject del objeto Promise creado por fetch() en el paso 1.
    //imaginate que .catch() es equivalente a: Promise.onReject.push( miFunción )

    En el futuro...no muy lejano cuando se complete el Request y esto es importantisimo, CUANDO se terminen de ejecutar las 10.000 líneas de código.

    1. Si la Request retorna un valor: a. Asignamos ese valor a el atributo value del objeto Promise. b. Ejecutamos cada una de la funciones del ARRAY del atributo onFulFilled del objeto Promise creado en 1, pasando como argumento el valor asignado al atributo value en el paso anterior.

      1. Si la Request NO retorna un valor, ejecutamos cada una de las funciones dentro del ARRAY onReject.

    Y ese es el funcionamiento de Fetch, espero haberte ayudado a entender :)

    Enrique Devars

    Enrique Devars

    teacherhace 5 años

    Lo que hace el método fetch es realizar una petición HTTP. Con las peticiones HTTP podemos traer información de alguna base de datos o crear un usuario en nuestras aplicaciones, para este tipo de operaciones se usa una API. En esta clase traemos las películas de desde la API de The Movie DB.

    En clases más adelante se detalla cómo se usa fetch. Si quieres profundizar más al respecto te dejo la documentación de MDN.

Curso Profesional de JavaScript

Curso Profesional de JavaScript

Mejora tus habilidades en Javascript. Conoce Typescript y cómo puedes ocuparlo para mejorar el control de tus variables. Comprende conceptos avanzados que te permitan plantear mejores soluciones en tu código. Conoce las APIs del DOM y descubre cómo puedes organizar mejor tu código utilizando patrones de diseño.

Curso Profesional de JavaScript

Curso Profesional de JavaScript

Mejora tus habilidades en Javascript. Conoce Typescript y cómo puedes ocuparlo para mejorar el control de tus variables. Comprende conceptos avanzados que te permitan plantear mejores soluciones en tu código. Conoce las APIs del DOM y descubre cómo puedes organizar mejor tu código utilizando patrones de diseño.