ES2019 में पेश किया गया ऑप्शनल कैच बाइंडिंग हमें कैच बाइंडिंग के आसपास के पैरेंथेसिस को हटाने की अनुमति देता है यानी हमें एरर ऑब्जेक्ट को स्टोर करने के लिए वेरिएबल की आवश्यकता नहीं होती। यह विशेष रूप से उपयोगी है यदि हम पहले से एरर के बारे में जानते हैं या फिर इसके बिना भी एरर पर प्रतिक्रिया करना चाहते हैं।
उदाहरण
<!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>Optional Catch Binding in JavaScript.</h1> <div style="color: green;" class="result"></div> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to generate an error</h3> <script> let resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { try { resEle.innerHTML = a; } catch { resEle.innerHTML = "The variable a has not been declared"; } }); </script> </body> </html>
आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:
'CLICK HERE' बटन पर क्लिक करने पर:
