-
Try-Catch语句
- 优点：简单、易于理解和使用，适用于同步代码的错误处理。
- 局限性：无法捕获异步错误，因为异步代码的错误是在未来某个时间点发生的，try-catch语句无法预知未来。
try {
// 可能抛出异常的代码
let x = y + z; // y未定义，将抛出异常
} catch (error) {
// 处理异常的代码
console.error(error); // 打印错误信息
}
-
Promise的错误处理
- 优点：适用于处理异步操作中的错误，通过.catch()方法可以轻松捕获Promise链中的错误。
- 局限性：只适用于Promise对象，对于非Promise异步操作（例如回调函数或事件监听器）无法直接捕获错误。
myPromise
.then((result) => {
// 处理结果
})
.catch((error) => {
// 处理错误
});
-
window.onerror
window.onerror 是一个全局错误处理函数，可以用来捕获在JavaScript代码中发生的错误。
-
优点：
1.全局处理：window.onerror 可以对全局范围内的错误进行统一处理，无需在每个可能出错的地方单独处理。
2.简单易用：使用 window.onerror 可以在很短的时间内实现基本的错误处理功能。
3.性能考虑：由于其全局性，它可以快速地捕获到任何地方的错误，减少了逐个检查每个可能出错的地方的时间和精力。
-
局限性：
1.这个函数只能够捕捉同步代码中的错误，对于异步代码（例如回调函数、Promise、或者事件监听器等）中的错误，可能无法捕获。
2.window.onerror 只能捕获全局作用域中的错误，对于局部作用域（例如函数内部）的错误，无法直接捕获。由于安全和隐私的原因，window.onerror 无法获取错误的完整堆栈信息，这使得错误定位和调试更为困难。
3.无法获取堆栈信息：由于安全和隐私的原因，window.onerror 无法获取错误的完整堆栈信息，这使得错误定位和调试更为困难。
4.可能的运行时限制：某些环境或框架可能会对 window.onerror 的行为进行限制或修改。
-
window.onerror = function(message, source, lineno, colno, error) {
// 处理全局错误 console.error("Error: " + message);
};
-
自定义错误类型
- 优点：可以定义自己的错误类型，并在抛出异常时使用该类型，使错误处理更具可读性和可维护性。
- 局限性：需要额外定义和抛出自定义错误类型，可能增加代码复杂度。
class MyError extends Error {
constructor(message) {
super(message);
this.name = "MyError";
console.log("自定义错误");
}
}
throw new MyError("Something went wrong");
-
addEventListener('error')
- 优点：适用于特定事件的错误处理，例如在DOM元素上监听'error'事件来处理图像加载错误等。
- 局限性：只能监听特定事件的错误，对于其他类型的错误可能无法捕获。
var img = document.getElementById("myImage");
img.addEventListener("error", function () {
// 处理图像加载错误
});
-
addEventListener('unhandledrejection')
这个事件监听器用于处理未处理的 Promise 拒绝（rejection）。当一个 Promise 被拒绝，并且没有捕获这个拒绝（即没有使用
.catch()或try-catch块捕获它），就会触发 'unhandledrejection' 事件。- 优点：这个事件监听器专门用于处理未处理的Promise拒绝，使开发者能够捕获并处理异步操作中的错误。
- 局限性：这个事件监听器只对Promise对象的拒绝进行监听，无法直接捕获其他非Promise异步操作的错误。如果代码中大量使用回调函数或事件监听器，此方法可能无法捕获到所有类型的错误。
window.addEventListener("unhandledrejection", function (event) {
// 在这里处理未处理的 Promise 拒绝，event.reason 包含了拒绝的原因，event.p 包含了被拒绝的 Promise
});
