JavaScript körs på en enda tråd, så det kan bara göra en sak åt gången. Event loopen är det som gör det möjligt att hantera asynkront arbete utan att blockera: den kör call stacken, och när stacken är tom, hämtar den callbacks från köer.
Det finns två köer med olika prioriteter:
.then), queueMicrotask. Tömda helt efter varje task, före rendering.setTimeout, I/O, UI-händelser. En bearbetas per loop-iteration.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.Detta är varför Promise.then alltid körs före setTimeout(…, 0), även om båda är "asynkrona" — microtasks har prioritet.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Långt synkront arbete blockerar allt (rendering, klick). Avlasta tungt CPU-arbete till en Web Worker (en riktigt separat tråd).
Att förstå loopen förklarar asynkron ordning, varför promises löses före timers, och varför man aldrig ska blockera huvudtråden — den grundläggande mentala modellen för allt asynkront JavaScript.