জাভাস্ক্রিপ্টে অপশনাল ক্যাচ বایندিং ব্যাখ্যা

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' বাটনে ক্লিক করলে −