JavaScript draait op één thread, dus kan maar één ding tegelijk doen. De event loop stelt het in staat om async-werk af te handelen zonder te blokkeren: het voert de call stack uit, en wanneer de stack leeg is, haalt het callbacks uit wachtrijen.
Er zijn twee wachtrijen met verschillende prioriteiten:
.then), queueMicrotask. Volledig leeggemaakt na elke taak, vóór rendering.setTimeout, I/O, UI events. Één wordt per loop-iteratie verwerkt.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.Dit is waarom Promise.then altijd vóór setTimeout(…, 0) wordt uitgevoerd, hoewel beide "async" zijn — microtasks hebben prioriteit.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Lang synchrone werk blokkeert alles (rendering, clicks). Zware CPU-werk verplaatsen naar een Web Worker (een echte aparte thread).
Het begrijpen van de loop verklaart async-volgorde, waarom promises vóór timers worden opgelost, en waarom je de main thread nooit mag blokkeren — het kernmentale model voor alle async JavaScript.