Entonces, qué similitudes y diferencias tienen <strong>fetch</strong> y <strong>async/await</strong>? O son cosas que no tienen nada que ...

Pregunta de la clase:
Promesas
Sergio Estrella

Sergio Estrella

Pregunta
teacherhace 5 años

Entonces, qué similitudes y diferencias tienen fetch y async/await? O son cosas que no tienen nada que ver?

4 respuestas
para escribir tu comentario
    César Palma

    César Palma

    studenthace 4 años

    fetch es una funcción que devuelve una promesa. para manejar la respuesta de esta función puedes usar el metodo then del objeto Promise o usar async-await antecediento la llamada de la funccion con await y antecediendo la llamada de la función donde se realiza todo con async. Usando async await usaras la respuesta asincrona de esta funcción con una sintaxis muy parecida a lo que sería un código sincrono a diferencia de las promesas que tienen su propia sintaxis mas verbosa.

    Helí Fernando Jerez Rincón

    Helí Fernando Jerez Rincón

    studenthace 5 años

    fetch hace peticiones a otros servidores y async/await es para manipular promesas de una forma que hace el código más legible. Se usa con fetch porque fetch retorna una promesa

    Juan Jiménez

    Juan Jiménez

    studenthace 5 años

    Async/await son funciones que nos ayudan a escribir código completamente síncrono mientras realizamos tareas asíncronas en segundo plano. Cuando se llama a una función

    async
    , esta devuelve un elemento Promise. Cuando la función
    async
    devuelve un valor, Promise se resolverá con el valor devuelto. Si la función
    async
    genera una excepción o algún valor, Promise se rechazará con el valor generado.
    Async
    puede contener una expresión
    await
    , la cual pausa la ejecución de la función asíncrona y espera la resolución de la promesa pasada, después reanuda la ejecución de la función
    async
    y devuelve el valor resuelto.

    Fetch es un API para el acceso a recursos del servidor de manera asíncrona y basado en promesas, nos permite realizar solicitudes HTTP sin necesidad de recargar toda la página (peticiones al servidor), reemplaza a “XMLHttpRequest()”.

    Leonardo de los angeles Espinoza Hernandez

    Leonardo de los angeles Espinoza Hernandez

    studenthace 5 años

    Hola @sergioestrella

    Son cosas distintas pero fetch no puede existir si no va acompañado del async await o un .then()

    Async y await y .then() sirven para hacer llamadas asíncronas y cuando usas fetch(

    alguna api
    ) fetch se tomara su tiempo en recolectar los datos de la api que le pases, es un tiempo indefinido que no puedes calcular porque puede ser una llamada muy rápida o muy lenta, async/await te ayuda a esperar a que se complete esa llamada y te de un resultado exitoso. .then() por su lado hace exactamente lo mismo solo que es una sintaxis diferente.

    En platzi esta el curso de https://platzi.com/clases/asincronismo-js/ donde se ve a fondo esto que te comento

    Saludos!

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.