Visualizador do Event Loop JavaScript

console.log("Start");

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

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

console.log("End");

Entendendo o Event Loop do JavaScript

O event loop do JavaScript lida com operacoes assincronas. Callbacks de setTimeout vao para a fila de macrotarefas, callbacks de Promise para a fila de microtarefas.

Conceitos-chave

• O call stack executa codigo sincrono primeiro
• Microtarefas tem prioridade sobre macrotarefas
• Cada macrotarefa e seguida por todas as microtarefas
• O event loop verifica as filas apenas quando o stack esta vazio
• Web APIs como setTimeout rodam fora da thread principal

Perguntas frequentes

Ferramentas relacionadas