在前端开发中，Promise 已经成为了我们处理异步逻辑的重要工具。但是，在 Promise 中出现异常并不是我们所期望的结果，因此异常处理变得尤为重要。本文将深入讲解 Promise 中的各种异常处理方式，并提供详细的示例代码。
1. Promise 的异常处理
在 Promise 中，异常分为两种类型：一种是抛出异常，一种是 reject 异常。我们可以通过 Promise 中的 catch() 方法来捕获这些异常，同时可以通过 then() 中的第二个参数处理 reject 异常。下面我们将分别讲解这两种异常的处理方式。
1.1. catch() 处理抛出异常
当代码中执行到 throw 语句时，会抛出一个异常，如果没有捕获到该异常，程序将会停止执行。
在 Promise 中，我们可以使用 catch() 方法捕获抛出的异常。它接受一个回调函数作为参数，该回调函数将会在 Promise 中抛出异常时执行。
-------- ----------- -
------ --- ----------------- ------- -- -
----- --- ---------------- ---- ---------
---
-
-----------
-------- -- -----------------------
------------ -- ----------------------上面的代码中，asyncFunc() 中包含抛出异常的逻辑，而我们通过 catch() 方法捕获了该异常，并将其输出至控制台。在这种方式下，异常将不会向后传递，而是被 catch() 方法处理。
1.2. then() 处理 reject 异常
当 Promise 被 reject 时，会触发 then() 中第二个参数的回调函数，而不是 then() 中第一个参数的回调函数。这个回调函数接受一个参数，表示 reject 异常的原因。下面的示例展示了如何使用 then() 处理 reject 异常。
-------- ----------- -
------ --- ----------------- ------- -- -
---------- ---------------- ---- ----------
---
-
-----------
-------- -- ----------------------- ----- -- ------------------------------在上面的示例中，我们通过 reject() 方法抛出了异常，并在 then() 中的第二个参数中处理它。可以看到，我们成功地输出了异常信息。
2. Promise.all() 的异常处理
Promise.all() 用于处理多个 Promise 对象，当所有 Promise 支持 resolve 后，才会执行 then() 中的回调函数；当其中一个 Promise 被 reject 时，则会立即执行 catch() 中的回调函数。下面的示例代码展示了 Promise.all() 的使用方法。
------------- ------------------- ------------------- --------------------- -- ------------- ----- --------- -- ---------------- -------- ------------ -- ----------------------
在上面的示例中，我们使用 Promise.all() 处理了三个 Promise 请求。如果其中一个 Promise 被 reject 了，它将会立即触发 catch() 中的回调函数。
3. Promise.race() 的异常处理
与 Promise.all() 不同的是，Promise.race() 会立即执行它内部所有 Promise 对象，只要其中一个 Promise 支持 resolve 或 reject，它就会执行 then() 或 catch() 中的回调函数。下面的示例展示了 Promise.race() 的使用方法。
-------------- ------------------- ------------------- --------------------- -- -------------- -- ---------------------- ------------ -- ----------------------
在上面的示例中，我们使用 Promise.race() 处理了三个 Promise 请求。在任何一个 Promise 被 resolve 或 reject 时，它都会立即执行 then() 或 catch() 中的回调函数。
4. Promise 中的 unhandledRejection 异常处理
在 Promise 中，如果异常未被 catch() 或 then() 中的第二个参数捕获，它将会触发 unhandledRejection 事件。在这种情况下，我们可以使用 process 对象的 on() 方法来捕获该事件，从而进行异常处理。
-------------------------------- ----- -- - ----------------------- ---------- -- --------------- ---------------- --- --- ----------------- ------- -- - ---------- ---------------- ---- ---------- ---
在上面的示例中，我们使用 process 对象的 on() 方法来捕获 Promise 中未被处理的异常。当异常被触发时，我们将其输出至控制台，并使用 process.exit(1) 来停止程序的执行。这种方式通常用于不希望程序忽略未被处理的异常的情况。
结论
通过以上内容的学习，我们已经能够掌握 Promise 中的各种异常处理方式。当异常发生时，我们应该及时捕获并处理它，以确保程序的正常执行。同时，我们也需要根据开发需求，选择不同的异常处理方式。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670f21ec5f551281026307aa