JavaScript veikia viename thread-e, todėl gali daryti tik vieną dalyką vienu metu. Event loop leidžia jį tvarkyti asinchroninį darbą neblokuojant: jis vykdo call stack, o kai stack tuščias, iš eilių paima callbacks.
Yra dvi eilės su skirtingais prioritetais:
.then), queueMicrotask. Visiškai ištuština po kiekvieno task, prieš rendering.setTimeout, I/O, UI events. Po vienas apdorojamas per loop iteraciją.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.Tai yra priežastis, kodėl Promise.then visada vykdomas prieš setTimeout(…, 0), nors abi yra "asinchroninės" — microtasks turi aukštesnį prioritetą.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Ilgas sinchroninis darbas blokuoja viską (rendering, spustelėjimus). Perkelkite sunkų CPU darbą į Web Worker (tikrą atskirą thread).
Supratimas apie loop paaiškina asinchroninę tvarką, kodėl promises išsisprendžia prieš timers, ir kodėl niekada neblokuoti main thread — pagrindinį mentalinį modelį visam asinchroniniam JavaScript.