JavaScript Event Loop In Hindi | Understand Event Loop In JS In Hindi

If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.

JavaScript Event Loop

whats is JS Event Loop ?

Event Loop JavaScript का इक core concept है जो asynchronous operations को handle करता है। JavaScript single-threaded language है , मतलब एक time पर सिर्फ एक ही operation execute हो सकता है।

Event loop ensure करता है कि asynchronous code (Ex . promises, setTimeout, etc.) correct order में execute हो।

How does Event Loop work ?

• Call Stack : ये एक data structure है जो function calls को track करता है , जो function currently execute हो रहा होता है , वो stack के top पर होता है।

• Web APIs : Browser कुछ asynchronous operations को handle करने के लिए APIs provide करत है , जैसे setTimeout, XHR, fetch, etc.

• Callback Queue : ये एक queue है जहाँ asynchronous operations के callbacks push किये जाते हैं जब उनका execution complete हो जाता है।

• Event Loop : Event loop continuously call stack क monitor करता है , अगर call stack empty होता है , तो event loop callback queue से एक callback pick करता है और उससे call stack par push करता है execution के लिए।

●●●

Let's see an example

इसे समझने के लिए एक simple example देखते हैं -

Copy
console.log("Start");

setTimeout(() => {
    console.log("Timeout Callback");
}, 2000);

console.log("End");

Example execution flow

1. Start print होता है और call stack से pop हो जाता है।

2. setTimeout call होता है। Browser Web API को 2000ms के बाद callback execute करने का instruction मिलता है। setTimeout call stack से pop हो जाता है।

3. End print होता है और call stack से pop हो जाता है।

4. 2000ms के बाद , Web API callback function को callback queue में push करता है।

5. Event loop check करता है कि call stack empty है , अगर हाँ तो callback function को callback queue से  pick करता है और call stack में push करता है।

6. Callback function execute होता है और Timeout Callback print होता है।

●●●

JS Event Loop Conclusion

Event loop asynchronous code को effectively handle करने का एक तरीका है। यह ensure करता है की JavaScript का single-threaded nature asynchronous operations को भी efficiently manage कर सके ।

Event loop call stack और callback queue के beech coordination करता है ताकि correct order में asynchronous operations execute हो सकें।