JavaScript se execută pe un singur fir de execuție, deci poate face doar un lucru la un moment dat. Event loop-ul este ceea ce îi permite să gestioneze munca asincronă fără a bloca: rulează call stack-ul, și când stack-ul este gol, extrage callbacks din cozi.
Există două cozi cu priorități diferite:
.then), queueMicrotask. Golite complet după fiecare sarcină, înainte de redare.setTimeout, I/O, UI events. Unul este procesat per iterație a loop-ului.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.Aceasta este motivul pentru care Promise.then se execută întotdeauna înainte de setTimeout(…, 0), chiar dacă ambele sunt "async" — microtasks-urile au prioritate.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Munca sincronă lungă blochează totul (redare, clicuri). Deplasați munca grea de CPU la un Web Worker (un adevărat fir de execuție separat).
Înțelegerea loop-ului explică ordinea asincronă, de ce promise-urile se rezolvă înainte de timeri, și de ce nu trebuie niciodată să blochezi firul principal — modelul mental central pentru tot JavaScript-ul asincron.