Estoy intentando comprender como funciona await
/async
. He leido varias opiniones que vienen a decir
async
/await
no es mas que una syntax-sugar sobre las Promises.
Sin embargo, el resultado que estoy obteniendo choca frontalmente con esto: no soy capaz de explicar las salidas del siguiente código (tomado originalmente de aquí).
function sleep( ms ) {
return new Promise( resolve => setTimeout( resolve, ms ) );
}
async function demo( ) {
console.log( 'Taking a break...' );
await sleep( 2000 );
console.log( 'Two seconds later' );
}
async function demo2( ) {
console.log( 'demo2 -> before' );
await demo( );
console.log( 'demo2 -> after' );
}
function demo3( ) {
console.log( 'demo3 -> before' );
demo2( );
console.log( 'demo3 -> after' );
}
demo3( );
El resultado obtenido es:
demo3 -> before
demo2 -> before
Taking a break...
demo3 -> after
... pausa de 2 segundos ...
Two seconds later
demo2 -> after
Sin embargo, el resultado esperado es este otro:
demo3 -> before
demo2 -> before
Taking a break...
Two seconds later
demo2 -> after
demo3 -> after
De algún modo que no comprendo, el uso de async
/await
¡ cambia el orden de las retornos ! No se me ocurre ninguna forma, usando solo callbacks y closures, que provoque ese comportamiento.
Por las salidas, parece que la función demo3( )
retorna antes que la función demo2( )
, lo cual es sencillamente imposible según el modo de ejecución clásico que yo conozco.
¿ Como funciona realmente async
/await
? ¿ Realmente es solo una facilidad para usar Promises ? ¿ Me estoy liando yo mismo buscando los 3 pies del gato
?