JavaScript se izvršava na jednoj niti, pa može raditi samo jednu stvar odjednom. event loop je ono što mu omogućuje rukovanje asinkronim radom bez blokiranja: izvršava call stack, a kada je stack prazan, povlači callbacks iz redova čekanja.
Postoje dva reda čekanja s različitim prioritetima:
.then), queueMicrotask. Potpuno prazni nakon svakog zadatka, prije renderiranja.setTimeout, I/O, UI events. Jedan se obradi po iteraciji petlje.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.Zato se Promise.then uvijek izvršava prije setTimeout(…, 0), iako su oba "async" — microtasks imaju prioritet.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Dugi sinkreni rad blokira sve (renderiranje, klikove). Prebaci teški CPU rad na Web Worker (pravi odvojen thread).
Razumijevanje event loopa objašnjava redoslijed asinkrona rada, zašto se obećanja razrješavaju prije tajmera, i zašto nikada ne treba blokirati glavnu nit — temeljna mentalna shema za sve asinkrono JavaScript.