JavaScript toimii yhdessä säikeessä, joten se voi tehdä vain yhden asian kerrallaan. event loop on se, joka mahdollistaa asynkronisen työn käsittelyn ilman estämistä: se suorittaa call stackia, ja kun stack on tyhjä, se vetää callbackeja jonoista.
On kaksi jonoa, joilla on eri prioriteetit:
.then), queueMicrotask. Tyhjennetään kokonaan jokaisen tehtävän jälkeen, ennen renderointia.setTimeout, I/O, UI-tapahtumat. Yksi käsitellään silmukan joka iteraatiossa.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.Tämä on syy siihen, että Promise.then suoritetaan aina ennen setTimeout(…, 0):tä, vaikka molemmat ovat "asynkronisia" — microtaskeilla on prioriteetti.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Pitkä synkroninen työ estää kaiken (renderointi, klikkaukset). Siirrä raskas CPU-työ Web Workeriin (todellinen erillinen säie).
Silmukan ymmärtäminen selittää asynkronisen järjestyksen, miksi lupaukset ratkeavat ennen ajastimia, ja miksi pääsäiettä ei saa koskaan estää — ydinmallina kaikelle asynkroniselle JavaScriptille.