JavaScript ఒకే 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) {}
దీర్ఘ సమకాలీన పని సবకటిని నిరోధిస్తుంది (rendering, clicks). భారీ CPU పనిని Web Worker కు బదిలీ చేయండి (నిజమైన ప్రత్యేక thread).
Loop ను అర్థం చేసుకోవడం async క్రమాన్ని, promises ఎందుకు timers కు ముందు సమర్థవంతమవుతాయి, మరియు main thread ను ఎందుకు ఎప్పుడూ నిరోధించకూడదు అనేదాన్ని వివరిస్తుంది — అన్ని async JavaScript కోసం ప్రధాన మానసిక నమూనా.