JavaScript é executado em uma única thread, então pode fazer apenas uma coisa por vez. O event loop é o que permite lidar com trabalho assincronamente sem bloquear: executa a pilha de chamadas e, quando a pilha está vazia, puxa callbacks de filas.
Há duas filas com prioridades diferentes:
.then), queueMicrotask. Drenadas completamente após cada tarefa, antes da renderização.setTimeout, I/O, eventos de UI. Um é processado por iteração da loop.console.log("1"); // sync
setTimeout(() => console.log("2"), 0); // macrotask
Promise.resolve().then(() => console.log("3")); // microtask
console.log("4"); // sync
// Output: 1, 4, 3, 2
1, 4.3.2.É por isso que um Promise.then sempre é executado antes de um setTimeout(…, 0), embora ambos sejam "async" — microtasks têm prioridade.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Trabalho síncrono longo bloqueia tudo (renderização, cliques). Transfira trabalho pesado de CPU para um Web Worker (uma verdadeira thread separada).
Entender a loop explica a ordenação assincronamente, por que promises se resolvem antes de timers, e por que nunca bloquear a thread principal — o modelo mental central para todo JavaScript assincronamente.