Estaba leyendo sobre tareas micro y macro en la pila de JavaScript. Escribí este código:
Promise.resolve().then(function () { setTimeout(function () { console.log('from promise one'); }, 0); }).then(() => { console.log('from promise two'); }); setTimeout(function () { console.log('from timeout'); }, 0); Pero me di cuenta de que from timeout se muestra más rápido que from promise one en la consola...
Según entendí, Promise. then() es una microtarea y se ejecuta antes de la macro tarea que from timeout es una microtarea aquí ... pero ¿por qué ejecuta el tiempo de timeout primero y luego Promise. then ?
Cosas importantes que debe saber:
setTimeout con un tiempo de espera de 0 ejecutará la función al comienzo del siguiente ciclo de eventos.Promise.resolve.then() es una microtarea y se ejecutará después de que se hayan completado todas las macrotareas en el bucle de eventos. En su código, el segundo setTimeout se ejecuta primero al comienzo del segundo ciclo de eventos como una macrotarea, luego, la devolución de llamada en Promise.resolve.then() se llama como una microtarea, que establece un tiempo de espera para que se ejecute una función. al comienzo del tercer bucle de eventos.
Mire este breve video para obtener una explicación sucinta del bucle de eventos, las microtareas y las macrotareas, y la programación asíncrona en JavaScript.