JavaScript એક જ થ્રેડ પર ચાલે છે, તેથી તે એક સમયે માત્ર એક કાર્ય કરી શકે છે. event loop એ છે જે તેને blocking વિના async કાર્ય સંભાળવા દે છે: તે call stack ચલાવે છે, અને જ્યારે stack ખાલી હોય, તો તે queues માંથી callbacks ખેંચે છે.
ત્યાં બે queues છે જે વિવિધ પ્રાધાન્યતા સાથે છે:
.then), queueMicrotask. દરેક કાર્ય પછી સંપૂર્ણપણે drained, rendering પહેલાં.setTimeout, I/O, UI events. લૂપ પુનરાવર્તન દીઠ એક પ્રક્રિયા કરવામાં આવે છે.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) {}
લાંબુ સિંક્રોનસ કાર્ય બધું block કરે છે (rendering, clicks). ભારે CPU કાર્યને Web Worker માં ખસેડો (એક વાસ્તવિક અલગ thread).
লૂપ સમજવું async ક્રમ સમજાવે છે, શા માટે promises timers પહેલાં resolve થાય છે, અને શા માટે main thread ને ક્યારેય block ન કરવો — તમામ async JavaScript માટે મૂળ માનસિક મોડેલ.