JavaScript se ejecuta en un único hilo, así que solo puede hacer una cosa a la vez. El bucle de eventos es lo que le permite manejar trabajo asíncrono sin bloquearse: ejecuta la pila de llamadas y, cuando la pila está vacía, extrae callbacks de las colas.
Hay dos colas con prioridades diferentes:
.then), queueMicrotask. Se vacían por completo después de cada tarea, antes del renderizado.setTimeout, E/S, eventos de UI. Se procesa una por cada iteración del bucle.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 eso un Promise.then siempre se ejecuta antes que un setTimeout(…, 0), aunque ambos sean "asíncronos" — las microtareas tienen prioridad.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
El trabajo síncrono prolongado bloquea todo (renderizado, clics). Delega el trabajo intensivo de CPU a un Web Worker (un hilo real e independiente).
Entender el bucle explica el orden de lo asíncrono, por qué las promises se resuelven antes que los temporizadores y por qué nunca se debe bloquear el hilo principal — el modelo mental central de toda la JavaScript asíncrona.