JavaScript एकच thread वर चालते, म्हणून एका वेळी फक्त एक गोष्ट करू शकते. event loop हे आहे जे blocking केल्याशिवाय अॅसिंक कार्य हाताळण्यास अनुमती देते: ते call stack चालवते, आणि जेव्हा stack खाली असते तेव्हा queues मधून callbacks खेचते.
विविध प्राधान्यतांसह दोन queue आहेत:
.then), queueMicrotask. प्रत्येक task नंतर संपूर्णपणे ड्रेन केले जाते, 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) आधी चालते, जरी दोन्ही "अॅसिंक" असले तरी — microtasks ला प्राधान्य आहे.
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
दीर्घ synchronous कार्य सर्वकाही अवरोधित करते (rendering, clicks). जड CPU कार्य Web Worker मध्ये हलवा (खरा वेगळा thread).
Loop समजल्याने अॅसिंक ऑर्डरिंग, promises किमान timers आधी का resolve होतात, आणि main thread कधीही का block करू नये हे स्पष्ट होते — सर्व अॅसिंक JavaScript साठी मुख्य मानसिक मॉडेल.