JavaScript teče na enem nitju, zato lahko naenkrat počne samo eno stvar. Event loop je tisto, kar mu omogoča obravnavo asinkronega dela brez blokade: poganja call stack, in ko je stack prazen, potegne callbacks iz redov čakanja.
Obstajata dve vrsti redov čakanja z različnimi prioritetami:
.then), queueMicrotask. Izpraznijo se povsem po vsaki nalogi, pred renderiranjem.setTimeout, I/O, UI dogodki. Ena se obdela na ponovitev zanke.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.To je razlog, zakaj se Promise.then vedno izvršil pred setTimeout(…, 0), čeprav sta oba "async" — microtasks imajo prioriteto.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Dolgo sinkrono delo blokira vse (renderiranje, kliki). Prenesite težko CPU delo na Web Worker (pravo ločeno nit).
Razumevanje zanke pojasnjuje asinkron vrstni red, zakaj se obljube razrešijo pred časovniki, in zakaj nikoli ne smete blokirati glavne niti — osrednji miselni model za vso asinkrono JavaScript.