JavaScript एकल थ्रेड पर चलता है, इसलिए यह एक बार में केवल एक काम कर सकता है। event loop वह है जो इसे blocking के बिना async कार्य को संभालने देता है: यह call stack को चलाता है, और जब stack खाली हो, तो यह queues से callbacks निकालता है।
दो queues हैं जिनकी प्राथमिकता अलग-अलग है:
.then), queueMicrotask. प्रत्येक task के बाद पूरी तरह drained, rendering से पहले।setTimeout, I/O, UI events। 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।यही कारण है कि Promise.then हमेशा setTimeout(…, 0) से पहले चलता है, भले ही दोनों "async" हों — microtasks को प्राथमिकता है।
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
लंबा सिंक्रोनस कार्य सब कुछ block कर देता है (rendering, clicks)। भारी CPU कार्य को Web Worker में स्थानांतरित करें (एक असली अलग thread)।
Loop को समझना async ordering की व्याख्या करता है, क्यों promises timers से पहले resolve होते हैं, और क्यों main thread को कभी block न करें — सभी async JavaScript के लिए मूल मानसिक मॉडल।