window.onerror 和window.addEventListener('error')的区别

2022-12-30 13:33:51 浏览数 (1)

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");

0 人点赞