JavaScript duhet në një vetëm thread, kështu që mund të bëjë vetëm një gjë në një kohë. Event loop-i është ajo që i lejon ta menaxhojë punën asinkrone pa bllokuar: xhiron call stack-un, dhe kur stack-u është bosh, tërheq callbacks nga radhët.
Ka dy radhë me përparësi të ndryshme:
.then), queueMicrotask. Zbrazet plotësisht pas çdo detyré, përpara renderimit.setTimeout, I/O, UI events. Një përpunohet për iteracion të loop-it.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.Kjo është pse një Promise.then përherë ekzekutohet përpara një setTimeout(…, 0), edhe pse të dyja janë "async" — microtasks-et kanë përparësi.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
Puna sinkrone e gjatë bllokon gjithçka (renderim, klika). Transferoni punën e rëndë të CPU-t në një Web Worker (një thread i vërtetë i veçantë).
Përkuptimi i loop-it shpjegon renditjen asinkrone, pse premtimet zgjidhen përpara kohëmatësve, dhe pse nuk duhet kurrë të bllokohet thread-i kryesor — modeli mendor bërthamor për të gjithë JavaScript asinkron.