Promises 是异步编程中非常重要的一部分，它们可以让我们更好地管理和处理异步代码。但是，如果 Promise 在执行时发生错误却没有被正确地处理，就会出现“未处理的 Promise 错误”，这可能导致应用程序崩溃或产生不可预料的行为。
在本文中，我们将学习如何捕获所有未处理的 JavaScript Promise 错误以确保应用程序的稳定性和安全性。
什么是未处理的 Promise 错误？
当 Promise 被拒绝（rejected）并且没有 catch 处理函数时，就会出现未处理的 Promise 错误。例如：
------------------ ---------------- ---- ----------
如果我们忘记添加 catch 处理函数，那么在运行时就会抛出一个异常并停止代码的执行。
如何捕获未处理的 Promise 错误？
有几种方法可以捕获未处理的 Promise 错误，其中包括：
1. 添加全局 unhandledrejection 事件监听器
通过添加全局 unhandledrejection 事件监听器，我们可以在 Promise 被拒绝时立即接收通知，并对其进行处理。例如：
--------------------------------------------- --------------- - ---------------------- ------- ------------ -------------- ---
2. 使用 window.onerror
window.onerror 可以捕获全局 JavaScript 错误，包括未处理的 Promise 错误。我们可以使用它来捕获所有未处理的 Promise 错误，并记录它们。例如：
-------------- - ----------------- ---- ----- ------- ------ - ---------------------- -------- ------- --
3. 使用 unhandled-rejections 库
unhandled-rejections 是一个轻量级库，它提供了一种简单的方式来捕获所有未处理的 Promise 错误。只需将其导入项目并调用其 setup() 方法即可。例如：
------ --------- ---- ----------------------- ----------------- ------- ------------- ---
示例代码
下面是使用全局 unhandledrejection 事件监听器捕获未处理的 Promise 错误的示例代码：
--------------------------------------------- --------------- - ---------------------- ------- ------------ -------------- --- ------------------ ---------------- ---- ----------
在上面的示例中，我们添加了一个全局事件监听器来捕获未处理的 Promise 错误，并使用 Promise.reject() 创建一个被拒绝的 Promise。
当 Promise 被拒绝时，会触发 unhandledrejection 事件并将错误作为 event.reason 参数传递给监听器。在此示例中，我们只是将错误打印到控制台，但实际应用程序中应采取适当的措施来处理这些错误。
结论
捕获所有未处理的 Promise 错误可以帮助我们更好地管理和处理异步代码。通过添加全局 unhandledrejection 事件监听器、使用 window.onerror 或使用 unhandled-rejections 库，我们可以轻松地捕获这些错误并对其进行处理。
但是，我们应该始终通过编写良好的代码来避免未处理的 Promise 错误。在开发过程中，请确保对每个 Promise 添加 catch 处理函数，并测试代码以确保所有情况都得到正确的处理。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28967