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

1. 定义window.onerror全局事件函数

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 方式打印出错误信息；
• 事件回调函数传参只有一个保存所有错误信息的参数，如下:

// 可以捕获资源加载异常
window.addEventListener("error",(error) => {
    console.log("捕获到异常：", error);
    },
    true
);

console.log(notdefined111);
console.log("666");