JavaScript funziona su un singolo thread, quindi può fare una sola cosa alla volta. L'event loop è quello che gli permette di gestire il lavoro asincrono senza bloccare: esegue il call stack e, quando lo stack è vuoto, preleva i callback dalle code.
Ci sono due code con priorità diverse:
.then), queueMicrotask. Svuotate completamente dopo ogni task, prima del rendering.setTimeout, I/O, UI events. Uno viene elaborato per iterazione del 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.Ecco perché Promise.then viene sempre eseguito prima di setTimeout(…, 0), anche se entrambi sono "asincroni" — i microtasks hanno priorità.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Il lavoro sincrono lungo blocca tutto (rendering, clic). Offload il lavoro CPU pesante a un Web Worker (un vero thread separato).
Comprendere il loop spiega l'ordinamento asincrono, perché le promesse si risolvono prima dei timer, e perché non bloccare mai il thread principale — il modello mentale fondamentale per tutto il JavaScript asincrono.