Lỗi JavaScript có thể được mở rộng bằng cách mở rộng lớp lỗi. Cách tốt nhất để làm điều này là tạo một lớp lỗi tùy chỉnh mới để mở rộng lớp lỗi JavaScript được tích hợp sẵn.
Sau đây là mã để mở rộng lỗi 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: 18px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>Extend JavaScript Error</h1> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3> Click on the above button to create a new error by extending the error class </h3> <script> let resEle = document.querySelector(".result"); let sampleEle = document.querySelector(".sample"); let BtnEle = document.querySelector(".Btn"); class CustomError extends Error { constructor(message) { super(message); this.name = "Custom Error"; } } function test() { throw new CustomError("New Error thrown"); } BtnEle.addEventListener("click", () => { try { test(); } catch (err) { resEle.innerHTML += "err.name = " + err.name + "<br>"; resEle.innerHTML += "err.message = " + err.message + "<br>"; } }); </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' -