JavaScript एकल thread मा चल्छ, त्यसैले एक पल मा केवल एक कुरा गर्न सक्छ। event loop वह हो जसले blocking बिना async काम सम्हाल्न दिन्छ: यसले 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) अघि चल्छ, यद्यपि दुवै "async" छन् — microtasks को प्राथमिकता छ।
// ❌ blocks the single thread — UI freezes for 5 seconds
while (Date.now() - start < 5000) {}
लामो synchronous काम सबै कुरा अवरोध गर्छ (rendering, clicks)। भारी CPU काम Web Worker मा सर्नुहोस् (साँचो अलग thread)।
Event loop बुझ्दा async अर्डरिङ, promises किन timers अघि resolve हुन्छन्, र main thread कहिले blockade गर्ने हुँदैन भन्ने कुरा स्पष्ट हुन्छ — सबै async JavaScript को लागि मूल मानसिक मडेल।