用window.onerror捕获并上报Js错误的方法

下面是完整攻略：

什么是window.onerror？

window.onerror是JavaScript的全局错误事件，它会在页面中出现JavaScript错误时触发。

为什么要用window.onerror？

使用window.onerror可以捕获和上报所发生的JavaScript错误，有助于我们及时了解并修复代码中的问题，提高网站的稳定性和用户体验。

如何使用window.onerror？

使用window.onerror很简单，只需要在JavaScript代码中添加如下代码即可：

window.onerror = function (message, source, lineno, colno, error) {
  // 错误处理代码
}

当JavaScript代码出现错误时，window.onerror会被触发，它会传递5个参数：

• message：错误消息
• source：出错文件的URL
• lineno：出错行号
• colno：出错列号
• error：Error对象（可选）

可以根据这些参数进行错误信息的上报、记录或其他操作。

示例说明

示例1：上报错误

下面是一个使用window.onerror上报错误的例子。

window.onerror = function (message, source, lineno, colno, error) {
  // 上报到服务器
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/error/report', true);
  xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
  xhr.send(JSON.stringify({
    message: message,
    source: source,
    lineno: lineno,
    colno: colno,
    error: error ? error.stack || error : null
  }));
}

在这个例子中，我们通过POST请求将错误信息上报到服务器。我们传递的信息有：错误消息、出错文件的URL、出错行号、出错列号和Error对象。

示例2：记录错误

下面是一个使用window.onerror记录错误的例子。

var errors = [];
window.onerror = function (message, source, lineno, colno, error) {
  // 记录到数组
  errors.push({
    message: message,
    source: source,
    lineno: lineno,
    colno: colno,
    error: error ? error.stack || error : null
  });

  console.log(errors);
}

在这个例子中，我们声明了一个数组errors，用于存储错误信息。当错误发生时，我们将错误信息添加到数组中，并输出到控制台。

总结

使用window.onerror可以很方便的捕获并上报JavaScript错误，有助于我们及时处理问题，提高网站的稳定性和用户体验。

需要注意的是，window.onerror只能捕获到未被try-catch捕获的错误，如果代码中存在try-catch语句，错误就无法被window.onerror捕获到。