Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में Promise.finally कॉलबैक समझाएं


Promise.finally() कॉलबैक फंक्शन को कॉल करता है चाहे प्रॉमिस फुलफिल्ड हो या रिजेक्टेड। यह हमें कुछ करने में मदद करता है एक बार प्रॉमिस रिजेक्ट या रिजॉल्व हो जाने पर।

JavaScript में Promise.finally() के लिए कोड निम्न है -

उदाहरण

<!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: 20px;       font-weight: 500;    } </style> </head> <body> <h1>Promise.finally in JavaScript</h1> <div style="color: green;" class="result"></div> <button class="btn">CLICK HERE</button> <h3> Click on the above button to know when the promise finishes </h3> <script>    let btnEle = document.querySelector(".btn");    let resEle = document.querySelector(".result");    const yearRegex = /(?\d{4})/g;    btnEle.addEventListener("click", () => {       fetch("https://jsonplaceholder.typicode.com/users")       .then((Response) => Response.json())       .then((res) => res)       .catch((err) => alert("error occured"))       .finally(() => (resEle.innerHTML = "Promise is finished"));    }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट देगा -

JavaScript में Promise.finally कॉलबैक समझाएं

'CLICK HERE' बटन पर क्लिक करने और कुछ सेकंड प्रतीक्षा करने पर -

JavaScript में Promise.finally कॉलबैक समझाएं


  1. जावास्क्रिप्ट में एरर नेम वैल्यूज़ को उदाहरण सहित समझाएं जावास्क्रिप्ट में एरर नेम वैल्यूज़ को उदाहरण सहित समझाएं

    परिचय एरर नेम वैल्यू का उपयोग एरर का नाम सेट या रिटर्न करने के लिए किया जाता है। जावास्क्रिप्ट में कई बिल्ट-इन एरर टाइप्स होते हैं, जिनमें से प्रत्येक का एक विशिष्ट नाम होता है: क्र.सं.एरर नाम और विवरण 1EvalError - eval() फ़ंक्शन में एरर को दर्शाता है (वर्तमान में कम उपयोग होता है) 2RangeError

  1. जावास्क्रिप्ट में फाइनली स्टेटमेंट को उदाहरण सहित समझाएं जावास्क्रिप्ट में फाइनली स्टेटमेंट को उदाहरण सहित समझाएं

    परिचय finally स्टेटमेंट try और catch ब्लॉक के बाद हमेशा निष्पादित होता है, चाहे एरर हुआ हो या नहीं। यह क्लीनअप ऑपरेशन्स (फ़ाइल बंद करना, कनेक्शन रिलीज़ करना, लोडिंग इंडिकेटर छुपाना) के लिए आदर्श है। उदाहरण निम्न कोड जावास्क्रिप्ट में फाइनली स्टेटमेंट के लिए है: <!DOCTYPE html> <html lang

  1. जावास्क्रिप्ट में for...of लूप समझाएं जावास्क्रिप्ट में for...of लूप समझाएं

    परिचय for...of लूप (ES2015) इटरेबल ऑब्जेक्ट्स (ऐरे, स्ट्रिंग, मैप, सेट, नोडलिस्ट, आर्गुमेंट्स ऑब्जेक्ट, आदि) पर पुनरावृति करने का एक साफ तरीका प्रदान करता है। यह for...in के विपरीत, प्रॉपर्टी नामों के बजाय मानों पर पुनरावृति करता है। उदाहरण निम्न कोड जावास्क्रिप्ट में for...of लूप के लिए है: <