एसिंक्रोनस फ़ंक्शंस को async कीवर्ड के साथ परिभाषित किया गया है और ES 2015 में पेश किया गया था। इन फ़ंक्शंस को कॉलबैक की तुलना में कॉन्सिसिस वादे लिखने के बेहतर तरीके को परिभाषित करने के लिए पेश किया गया था। प्रतीक्षा कीवर्ड का उपयोग 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> आउटपुट
'यहां क्लिक करें' बटन पर क्लिक करने और 2 सेकंड प्रतीक्षा करने पर -
