Promise 已成为前端开发中广泛使用的一种异步编程手段，它可以将异步操作封装成一个对象，提供更为简单、可读性更好、可组合及更容易进行错误处理的代码结构。
但是在编写 Promise 代码时，我们仍然需要面对一些异常错误的处理。本文将深入探讨如何正确地捕获未处理的错误。
没有正确处理错误的风险
在使用 Promise 进行异步编程时，如果不正确地处理错误会有以下不好的结果：
- 未来可能会出现难以追踪的错误，导致代码难以维护。
- 如果不及时捕获错误，程序可能会继续执行下去，产生意料之外的结果，可能会导致更加严重的 bug。
在 Promise 链式调用中如何捕获错误
在 Promise 代码中，我们需要使用 catch 方法来处理异常错误。 catch 方法会捕获前面的 Promise 触发的错误，并执行指定的操作。
下面是使用 Promise 链式调用的示例代码：
--- ----------------- ------- -- - -- --- ------- ---------------- --------------- -- - -- --- ------- -------------------- ----- --- ---------------- -- ------ --------- -- ---- --------------- -- - -- --- ------- -------------------- -------------- -- - -------------------------- -- ---- --
在这个代码中，我们使用了链式调用方式同时创建了三个 Promise，第二个 Promise 触发了错误，而第三个 Promise 并没有执行任何操作。但是由于我们在第三个 Promise 后使用了 catch 方法，因此我们能够正确地捕获这个错误。
如何正确地处理未处理的错误
在 Promise 链式调用过程中，如果前面的 Promise 没有捕获错误，错误则由后面的 catch 方法捕获。但是如果这个 Promise 结束了之后，我们没有处理错误，则这个错误不会被任何代码捕获，这将导致未处理的错误同样会发生下列问题：
- 代码的可读性和可维护性变得非常困难。
- 对程序产生难以捉摸的副作用和难以追踪的错误，没有后续跟踪的渠道。
下面是一个错误示例代码，演示了当 Promise 函数结束后，没有处理这个函数发出的错误时会发生什么。
--- ----------------- ------- -- - ------------- -- ------------------- ----- --
这个 Promise 函数在 1 秒钟之后会产生错误。如果我们没有在 Promise 结束后或 catch 方法中处理它，这个错误将在全局环境下抛出，并且程序将停止运行。
要正确地解决这个问题，我们必须正确地使用 Promise“catch-all”方法：
--- ----------------- ------- -- - ------------- -- ------------------- ----- -------------- -- - ------------------ --
在这个演示代码中，我们在 Promise 中添加了 catch 方法，但这个 catch 方法不能正确地处理错误。因此，在此情况下，我们需要使用全局的 unhandledRejection 事件。
-------------------------------- -------- -- -- - ---------------------- --------- --- ------- -- -- ---------- ------- --
在这个代码中，我们使用 process 对象来访问 Node.js 运行时环境中的 unhandledRejection 事件。这个事件在 Promise 出现未处理的错误时触发，它的第一个参数是错误信息，第二个参数是引发错误的 Promise。
结论
在使用 Promise 进行前端编程的时候，一遍加深对异常错误处理的理解是非常重要的。我们需要有一定的技巧去捕获异常，并且有能力能够找到未处理的错误的正确处理方法。
通过本文的深入探讨，我们理解了：
- 在 Promise 中捕获未处理的错误的风险。
- 如何使用 catch 方法进行链式编程和正确捕获错误。
- 如何使用 catch-all 或者全局事件处理未处理的错误。
参考资料
- Node.js documentation on unhandledRejection
- MDN: Promise
- Stackoverflow: Best way to handle promises exceptions
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66fb859744713626015e060d