1. 定义window.onerror全局事件函数
代码语言:javascript
复制window.onerror = function(message, source, lineno, colno, error) { ... }
/ *
* message:错误信息(字符串)。可用于HTML onerror=""处理程序中的event。
* source:发生错误的脚本URL(字符串)
* lineno:发生错误的行号(数字)
* colno:发生错误的列号(数字)
* error:Error对象
*/
- 是一个全局变量,默认值为null;
- 当有js运行时错误触发时,window会触发error事件,并执行window.onerror(),onerror可以接受多个参数,错误信息更完善
- 没有返回值或者返回值为false的时候,异常信息会通过 console.error 的方式在控制台打印;
- 无论返回 true 或 false 或不返回,当有报错时都会阻止执行默认事件处理函数,即无法继续该报错代码的下一行逻辑。
- 无法全局捕获资源加载异常
2. 在 window 上添加 addEventListener('error') 事件
- 同样会阻止默认事件处理函数的执行,即该错误代码的下一行不会执行;
- 监听 js 运行时错误事件,会比window.onerror 先触发,与onerror的功能大体类似;
- 但可以全局捕获资源加载异常的错误;
- 控制台会通过 console.error 方式打印出错误信息;
- 事件回调函数传参只有一个保存所有错误信息的参数,如下:
代码语言:javascript
复制// 可以捕获资源加载异常
window.addEventListener("error",(error) => {
console.log("捕获到异常:", error);
},
true
);
console.log(notdefined111);
console.log("666");