Liên kết bắt tùy chọn được giới thiệu trong ES2019 cho phép chúng tôi loại bỏ các dấu ngoặc đơn xung quanh của liên kết bắt, tức là chúng tôi không cần sử dụng một biến để lưu trữ đối tượng lỗi. Điều này đặc biệt hữu ích nếu chúng ta biết trước về lỗi hoặc ngay cả khi muốn xử lý lỗi mà không biết về nó.
Sau đây là mã cho liên kết bắt tùy chọn trong JavaScript -
Ví dụ
<!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> Đầu ra
Đoạn mã trên sẽ tạo ra kết quả sau -
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
