JavaScript ஒரு single thread இல் இயங்குகிறது, எனவே இது ஒரு நேரத்தில் ஒரு விஷயத்தை மட்டுமே செய்ய முடியும். Event loop என்பது அது தடையின்றி async வேலையை கையாள அனுமதிக்கிறது: இது call stack ஐ இயக்குகிறது, மற்றும் stack வெற்றாக இருக்கும்போது, queues இலிருந்து callbacks ஐ எடுக்கிறது.
வெவ்வேறு முன்னுரிமைகளைக் கொண்ட இரண்டு queues உள்ளன:
.then), queueMicrotask. ஒவ்வொரு task க்குப் பிறகு, rendering க்கு முன் முற்றிலும் திறக்கப்படுகின்றன.setTimeout, I/O, UI events. ஒரு loop iteration க்கு ஒன்று செயல்படுத்தப்படுகிறது.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).
Loop ஐ புரிந்துகொள்வது async அவ்வை விளக்குகிறது, promises ஏன் timers ற்கு முன் தீர்க்கப்படுகின்றன, மற்றும் main thread ஐ ஏன் தடுக்க வேண்டாம் என்பதை விளக்குகிறது — அனைத்து async JavaScript க்கான মূல மানসিக மாதிரி.