Visualizador del Event Loop JavaScript

console.log("Start");

setTimeout(() => {
  console.log("setTimeout");
}, 0);

Promise.resolve().then(() => {
  console.log("Promise");
});

console.log("End");

Entendiendo el Event Loop de JavaScript

El event loop de JavaScript maneja las operaciones asincronas. Los callbacks de setTimeout van a la cola de macrotareas, y los de Promise a la cola de microtareas.

Conceptos clave

• La pila ejecuta codigo sincrono primero
• Las microtareas tienen prioridad sobre las macrotareas
• Cada macrotarea es seguida por todas las microtareas
• El event loop revisa las colas solo cuando la pila esta vacia
• Las Web APIs como setTimeout se ejecutan fuera del hilo principal

Preguntas frecuentes

Herramientas relacionadas