JavaScript ਇਕ ਥਰੈਡ ਉੱਤੇ ਚਲਦਾ ਹੈ, ਇਸਲਈ ਇਹ ਇਕ ਸਮੇਂ ਇਕ ਹੀ ਕਾਮ ਕਰ ਸਕਦਾ ਹੈ। Event loop ਉਹ ਹੈ ਜੋ ਇਸਨੂੰ ਬਲੋਕ ਕੀਤੇ ਬਿਨਾਂ ਅਲਮ ਕਾਮ ਨੂੰ ਸੰਭਾਲਣ ਦਿੰਦਾ ਹੈ: ਇਹ call stack ਨੂੰ ਚਲਾਉਂਦਾ ਹੈ, ਅਤੇ ਜਦੋਂ stack ਖਾਲੀ ਹੁੰਦਾ ਹੈ, ਇਹ queues ਵਿੱਚੋਂ callbacks ਲੈਂਦਾ ਹੈ।
ਉਥੇ ਵੱਖ-ਵੱਖ ਤਰਜੀਹ ਵਾਲੇ ਦੋ queue ਹਨ:
.then), queueMicrotask। ਹਰ ਕਾਮ ਤੋਂ ਬਿਲਕੁਲ ਬਾਅਦ drain ਹੋ ਜਾਂਦੇ ਹਨ, rendering ਤੋਂ ਪਹਿਲਾਂ।setTimeout, I/O, UI events। ਹਰ loop iteration ਵਿੱਚ ਇਕ process ਹੁੰਦਾ ਹੈ।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) {}
Long synchronous work ਹਰ ਚੀਜ਼ ਨੂੰ ਰੋਕਦਾ ਹੈ (rendering, clicks)। Heavy CPU work ਨੂੰ ਇਕ Web Worker ਵਿੱਚ ਹਟਾਓ (ਇਕ ਅਸਲ ਵੱਖਰਾ thread)।
Event loop ਨੂੰ ਸਮਝਣਾ async ordering ਦੀ ਵਿਖਿਆ ਕਰਦਾ ਹੈ, ਕਿਉਂ promises timers ਤੋਂ ਪਹਿਲਾਂ resolve ਹੁੰਦੇ ਹਨ, ਅਤੇ ਕਿਉਂ main thread ਨੂੰ ਕਦੇ ਰੋਕਣਾ ਨਹੀਂ ਚਾਹੀਦਾ — ਸਾਰੇ async JavaScript ਲਈ core mental model।