JavaScript একটি একক থ্রেড এ চলে, তাই এটি একবারে শুধুমাত্র একটি কাজ করতে পারে। event loop হল যা এটিকে blocking ছাড়াই async কাজ পরিচালনা করতে দেয়: এটি call stack চালায়, এবং যখন stack খালি থাকে, এটি queues থেকে callbacks টেনে আনে।
দুটি queue রয়েছে বিভিন্ন অগ্রাধিকার সহ:
.then), queueMicrotask। প্রতিটি task এর পরে সম্পূর্ণভাবে নিষ্কাশন করা হয়, rendering এর আগে।setTimeout, I/O, UI ইভেন্ট। প্রতিটি 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) {}
দীর্ঘ সিঙ্ক্রোনাস কাজ সবকিছু ব্লক করে (rendering, clicks)। ভারী CPU কাজ একটি Web Worker এ পরিচালনা করুন (একটি সত্যিকারের আলাদা থ্রেড)।
লুপ বোঝা async ক্রম ব্যাখ্যা করে, কেন promises timers এর আগে resolve হয়, এবং কেন main thread কখনও block করবেন না — সমস্ত async JavaScript এর জন্য মূল মানসিক মডেল।