JavaScript kjører på en enkelt tråd, så det kan bare gjøre en ting av gangen. Event loopen er det som lar det håndtere asynkront arbeid uten å blokkere: den kjører call stacken, og når stacken er tom, henter den callbacks fra køer.
Det er to køer med ulik prioritet:
.then), queueMicrotask. Dreneres helt etter hver oppgave, før rendering.setTimeout, I/O, UI-hendelser. En behandles per loop-iterasjon.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.Dette er hvorfor en Promise.then alltid kjører før en setTimeout(…, 0), selv om begge er "async" — microtasks har prioritet.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Langt synkront arbeid blokkerer alt (rendering, klikk). Flytt tungt CPU-arbeid til en Web Worker (en ekte separat tråd).
Å forstå loopen forklarer asynkron rekkefølge, hvorfor promises løses før timere, og hvorfor man aldri skal blokkere hovedtråden — den sentrale mentale modellen for all asynkron JavaScript.