JavaScript ფუნქციონირებს ერთ thread-ზე, ამიტომ ერთდროულად მხოლოდ ერთი რამ შეუძლია. event loop არის ის, რაც ასებს ასინქრონულ სამუშაოს აკმოს blocking-ის გარეშე: ის აშვებს call stack-ს, და როდესაც stack ცარიელი ხდება, queue-დან callbacks-ებს იღებს.
ორი queue არის სხვადსხვა პრიორიტეტით:
.then), queueMicrotask. სრულად დამუშავდება ყველა თითოეული task-ის შემდეგ, rendering-მდე.setTimeout, I/O, UI events. თითო ერთი დამუშავდება თითოეული loop iteration-ის დროს.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.ეს არის მიზეზი, რომ Promise.then ყოველთვის მუშაობს დამატებით setTimeout(…, 0), მიუხედავად იმისა რომ ორივე "async" არის — microtasks-ს უფრო მაღალი პრიორიტეტი აქვს.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
მძიმე სინქრონული სამუშაო ყველაფერს აქვეყნებს (rendering, clicks). მძიმე CPU სამუშაო გადაიტანეთ Web Worker-ზე (ნამდვილი ცალკე thread).
Event loop-ის გაგება ხსნის ასინქრონული თანმიმდევრობას, რატომ იხსნება promises თიმერებამდე, და რატომ არასოდეს დაბლოკოთ main thread — ინტეგრალური მენტალური მოდელი ყველა ასინქრონული JavaScript-ისთვის.