A JavaScript egyetlen szálon fut, így egy időben csak egy dolgot tud csinálni. Az event loop teszi lehetővé az aszinkron munka kezelését blokkolás nélkül: futtatja a call stacket, és amikor a stack üres, visszahívásokat húz ki a sorokból.
Két sor van különböző prioritásokkal:
.then), queueMicrotask. Teljesen ki kell üríteni minden feladat után, a renderelés előtt.setTimeout, I/O, UI events. Egy feldolgozódik hurkiteráció per.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.Ezért futtatódik a Promise.then mindig a setTimeout(…, 0) előtt, annak ellenére, hogy mindkettő "aszinkron" — a microtaskok prioritást élveznek.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
A hosszú szinkron munka mindent blokkolja (renderelés, kattintások). Helyezz át nehéz CPU-munkákat egy Web Worker-be (egy igazi külön szál).
Az event loop megértése magyarázza az aszinkron sorrendet, miért oldódnak fel az ígéretek az időzítők előtt, és miért ne blokkolj soha a fő szálat — az alapvető gondolkodási modell az összes aszinkron JavaScript-hez.