JavaScript jaħdem fuq thread wieħed, għalhekk jista' jagħmel ħaġa waħda biss kull ħin. Il-event loop huwa dak li jippermettilu jittratta x-xogħol async mingħajr blocking: jaħdem il-call stack, u meta l-stack ikun vojt, jieħu callbacks mill-queues.
Hemm żewġ queues b'prijorita differenti:
.then), queueMicrotask. Miksija kompletament wara kull task, qabel rendering.setTimeout, I/O, UI events. Wieħed ipproċessat għal kull iterazzjoni tal-loop.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.Hi dik ir-raġuni għaliex Promise.then dejjem jaħdem qabel setTimeout(…, 0), għalkemm it-tnejn huma "async" — il-microtasks għandhom prijorita.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Xogħol synchronous twil jablokka kollox (rendering, clicks). Importa x-xogħol CPU tqil għal Web Worker (thread separat veru).
L-għarfien tal-loop jispjega l-ordni async, għaliex promises jirsolvu qabel timers, u għaliex qatt ma tblokka l-main thread — il-mudell mentali essenzjali għal kollox async JavaScript.