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
.