2

estoy viendo las promises y async await en JavaScript. La sintaxis para generar ambas si la entiendo y puedo crearlas. Lo que no entiendo es porque usamos async await si las promesas ya se crean para generar tareas asíncronas. No entiendo el porque async await. ¿Me podeis ayudar a entender el porque existe cada uno y porque es necesario usar ambos?

Gracias.

1
  • Puedes entrar al chat y hablarlo, ya que es un tema distendido
    – EduBw
    Commented el 17 oct. 2018 a las 10:13

2 respuestas 2

4

La idea general de async/wait es reducir codigo y hacerlo menos ruidoso.

Normalmente con las promesas se utiliza el metodo then() para esperar por la respuesta:

$http.get(url).then(function(){
   //..
});

Esto se traduce a:

var response = await $http.get(url);

Imagina ahora tener que esperar por un proceso asíncrono para ejecutar otro proceso asíncrono:

$http.get(url).then(function(response){
    //...
    $http.get(url + response.data.id).then(function(){
       console.log(response2.data.message);
    });
});

Y con async/await seria:

var response = await $http.get(url);
var response2 = await $http.get(url + response.data.id);
console.log(response2.data.message);

asyn/await tambien ayuda a evitar el callback hell y hace el código menos ruidoso en el sentido de que ya que el código sigue una linea constante de ejecución, hace que sea mas fácil el mantenimiento del mismo.

Nota: Como ya se menciono, solo puedes utilizar await dentro de una función marcada como async.

2

Las palabras claves async/await son a Promise lo que class es al prototipado clásico de Javascript: sugar syntax.

Sencillamente es una forma distinta de crear promesas sin tener que usar la clase Promise directamente:

//declaramos una función asincrona
async function  devuelveParam(param) {
  //el resultado se envolverá dentro de una promesa automáticamente
  return param;
}

// Estilo clásico para gestionar una promesa:
let promesa = devuelveParam('Hola'); 

promesa.then(function (p) {
  console.log(p);
});


//con await (ojo, sólo se puede usar await DENTRO de una función async(rona)
async function escribe(param) {
  let resultado = await devuelveParam(param);
  console.log(resultado);
}

escribe('Adios');

2
  • 5
    Hay gente a la que no le gusta poner ".then().then().then()...." y prefiere varias llamadas await consecutivas.
    – Kiko_L
    Commented el 17 oct. 2018 a las 10:30
  • tambien para entender la asincronia te invito a leer Que es una promesa Commented el 17 oct. 2018 a las 10:54

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.