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> আউটপুট
উপরের কোডটি নিম্নলিখিত আউটপুট −
তৈরি করবে 
'এখানে ক্লিক করুন' বোতামে ক্লিক করলে -
