एसिंक्रोनस फंक्शन्स को async कीवर्ड से परिभाषित किया जाता है और ये ES 2015 में पेश किए गए थे। इन फंक्शन्स को कॉलबैक की तुलना में प्रॉमिस लिखने का बेहतर तरीका प्रदान करने के लिए पेश किया गया था। await कीवर्ड का उपयोग async फंक्शन के अंदर कंट्रोल फ्लो को रोकने और प्रॉमिस के लिए प्रतीक्षा करने के लिए किया जाता है।
जावास्क्रिप्ट में एसिंक्रोनस फंक्शन्स के लिए कोड निम्नलिखित है:
उदाहरण
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; color: blueviolet; font-weight: 500; } </style> </head> <body> <h1>Asynchronous functions in JavaScript</h1> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to call the function asyncFunc</h3> <script> let BtnEle = document.querySelector(".Btn"); let resEle = document.querySelector(".result"); function displayText() { return new Promise((resolve) => { setTimeout(() => { resolve("Hello World"); }, 1500); }); } async function asyncFunc() { resEle.innerHTML = await displayText(); } BtnEle.addEventListener("click", () => { asyncFunc(); }); </script> </body> </html>
आउटपुट
'CLICK HERE' बटन पर क्लिक करने और 2 सेकंड प्रतीक्षा करने पर:
