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> आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
'यहां क्लिक करें' बटन पर क्लिक करने पर -
