在 JavaScript 中使用 Promise 可以使异步操作更加简单和可控。当然，Promises 也有异常处理的能力，可以在 Promise 链中抛出异常并且在 catch() 方法中捕获和处理。在这篇文章中，我们将学习如何在 Promise 链中捕获异常。
Promise 异常
当我们使用 Promise 的时候，它可以返回一个成功的结果或者抛出一个异常。我们可以在 Promise 链中使用 catch() 方法来捕获异常，以便在错误发生时向用户显示错误信息并采取适当的措施。
以下是一个简单的 Promise 链的示例：
-- -------------------- ---- -------
-------- ------------------- -
------ -------------------------------------------------------------
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- -------------- -------- --- --- ------
-
--
---------- -- -
------------------
--
------------ -- -
-------------------- --- -- -------- -------
---
-该函数使用 fetch() 函数获取用户信息，并在成功时解析响应并在控制台中记录结果。如果出现网络错误，这个函数会抛出一个异常并在控制台中记录错误信息。
多个 catch() 方法
在 Promise 链中，我们可以使用多个 catch() 方法来捕获不同类型的异常。这些 catch() 方法将按照它们在 Promise 链中的位置进行调用，而且只有第一个匹配的 catch() 方法将被执行。
以下是一个示例，其中的第二个 catch() 方法将捕获一个超时异常：
-- -------------------- ---- -------
-------- ------------------- -
------ -------------------------------------------------------------
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- -------------- -------- --- --- ------
-
--
---------- -- -
------------------
--
------------ -- -
-------------------- --- -- -------- -------
--
------------ -- -
---------------------- -------- -------
---
-finally() 方法
在 Promise 链中，还有一个类似于 try-catch 中的 finally 块的 finally() 方法。此方法接收一个函数作为参数，在 Promise 链上的任何情况下都会执行该函数。
以下是示例代码：
-- -------------------- ---- -------
-------- ------------------- -
------ -------------------------------------------------------------
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- -------------- -------- --- --- ------
-
--
---------- -- -
------------------
--
------------ -- -
-------------------- --- -- -------- -------
--
----------- -- -
-------------------- ------------
---
-Promise.all() 和 Promise.race() 方法
在 Promise 链中，我们可以使用 Promise.all() 或 Promise.race() 方法来处理多个异步操作。Promise.all() 方法将一组 Promise 封装成一个 Promise，这个 Promise 将在所有 Promise 都成功完成后执行。Promise.race() 方法也是如此，但只要有一个 Promise 执行成功就立即完成。
以下是示例代码：
-- -------------------- ---- -------
----- -------- - -
--- ----------------- ------- -- -
------------- -- -
-----------------
-- ------
---
--- ----------------- ------- -- -
------------- -- -
-------------------
-- ------
--
--
---------------------
------------ -- -
--------------------
--
------------ -- -
---------------------
---
----------------------
----------- -- -
-------------------
--
------------ -- -
---------------------
---结论
在 JavaScript 中，Promise 提供了一种通过抛出异常来处理异步操作的方法。通过 catch() 方法，我们可以捕获异常并在控制台中记录错误信息。在 Promise 链中，我们可以使用多个 catch() 方法来处理不同类型的异常，使用 finally() 方法来处理在任何情况下都要执行的操作，以及使用 Promise.all() 和 Promise.race() 方法来处理多个异步操作。
使用 Promise 链时，注意要适当地实现异常处理，以便在出现错误或异常时能够向用户显示合适的错误信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6770a70be9a7045d0d7f6dd2