在js中如何做Error 统计？

在前端开发中，进行错误统计是一个重要的环节，它可以帮助我们更好地了解应用的健康状况，及时发现并解决问题。在JavaScript中，有多种方法可以进行错误统计。以下是一些常见的方法：

1. 使用window.onerror进行全局错误捕获：

window.onerror 是一个全局错误处理函数，可以捕获到运行时发生的所有错误（除了promise内部的错误和一些特定环境下的错误）。你可以在这个函数中发送错误信息到你的服务器进行统计。

window.onerror = function(message, url, lineNumber, columnNumber, error) {
    // 发送错误信息到服务器
    // ...
    return false; // 阻止浏览器默认的错误处理
};

2. 使用try-catch块进行局部错误捕获：

对于可能抛出错误的代码块，你可以使用 try-catch 块来捕获错误。在 catch 块中，你可以处理错误并发送错误信息到服务器。

try {
    // 可能抛出错误的代码
} catch (error) {
    // 发送错误信息到服务器
    // ...
}

3. 使用Promise的.catch()方法进行异步错误捕获：

对于Promise中的错误，你可以使用 .catch() 方法来捕获。在 .catch() 块中，你可以处理错误并发送错误信息到服务器。

someAsyncFunction()
    .then(...)
    .catch(error => {
        // 发送错误信息到服务器
        // ...
    });

4. 使用window.addEventListener('unhandledrejection', ...)捕获未处理的Promise错误：

对于未被 .catch() 捕获的Promise错误，你可以使用 window.addEventListener('unhandledrejection', ...) 来捕获。

window.addEventListener('unhandledrejection', event => {
    // 发送错误信息到服务器
    // event.promise 表示出现问题的Promise对象
    // event.reason 表示Promise失败的原因（即错误对象）
    // ...
});

5. 使用第三方错误跟踪服务：

除了自己实现错误统计外，你还可以使用第三方错误跟踪服务，如Sentry、Rollbar等。这些服务提供了丰富的错误分析和报告功能，可以帮助你更深入地了解错误的性质和影响。
6. 前端日志系统：

对于大型的前端应用，可能还需要构建一个前端日志系统来收集和分析日志数据。这样的系统可以帮助你更全面地了解应用的运行状况，包括性能数据、用户行为等。你可以使用像loggly、kibana等日志分析工具来帮助你分析这些数据。
7. 确保错误统计不影响用户体验：

在进行错误统计时，要确保这些操作不会影响用户体验。例如，发送错误信息到服务器的操作应该是异步的，不应该阻塞用户的操作。此外，也要注意保护用户的隐私，不要收集过多的个人信息。
8. 测试与验证：

在实施错误统计方案后，要进行充分的测试和验证，确保它能够正确地捕获和报告错误。你可以通过故意引入一些错误来测试系统的有效性。