Promise 是 JavaScript 中用来处理异步操作的一种方式，其优势在于能够更好地处理回调函数嵌套、复杂的代码异步逻辑等问题，简化代码编写流程。但是，当 Promise 中发生错误时，如何捕捉错误并处理呢？
Promise 错误处理
Promise 中，可以通过 then 方法的第二个参数或 catch 方法来捕捉错误。当 Promise 状态变为 rejected 时，会执行 catch 方法；当 Promise 状态变为 fulfilled 时，会执行 then 方法的第一个参数。下面分别详细介绍这两种方法：
then 方法
then 方法是用来设置 Promise 成功后的回调函数和失败后的回调函数的。其基本语法如下：
-------------------------- -------------
其中，onFulfilled 表示当 Promise 状态变为 fulfilled 时的回调函数；onRejected 表示当 Promise 状态变为 rejected 时的回调函数。
下面是一个 Promise 错误处理的示例：
--- ------- - --- ------------------------- ------- -
--------------------- -
--- -
----- --- -------------- -------
-----------
- ----- --- -
----------
-
-- ------
---
---------------------------- -
-------------------
-- --------------- -
---------------------------
---上面代码中，在 Promise 的回调函数中，当 setTimeout 执行后，会抛出一个错误。此时会执行 reject 方法，并将错误对象传入 reject 方法中。最后，通过 then 方法可以捕获错误，并在错误处理函数中输出错误信息。
catch 方法
catch 方法用于捕捉 Promise 状态变为 rejected 时的错误信息。其基本语法如下：
--------------------------
其中，onRejected 表示 Promise 状态变为 rejected 时的回调函数。
下面是一个 Promise catch 方法的示例：
--- ------- - --- ------------------------- ------- -
--------------------- -
--- -
----- --- -------------- -------
-----------
- ----- --- -
----------
-
-- ------
---
----------------------------- -
---------------------------
---上面代码中，使用了 catch 方法捕捉错误信息。Promise 状态变为 rejected 时，catch 方法会自动执行。
异常处理的最佳实践
对于 Promise 错误处理，使用 try..catch 能够更好地处理错误情况。由于 Promise 会自动捕获错误，因此使用 try..catch 时还需要注意避免重复捕获错误。
以下是异常处理的最佳实践：
1. 在 then 方法中捕获异常
推荐使用 then 方法的第二个参数来处理错误信息。这种方式能够确保 catch 能够捕获到错误信息。
---------------------------- - ---- --------- -- ------------------------- - ---- -------- -- ---
2. 在 Promise 中使用 try..catch
使用 try..catch 可以更好地捕获错误信息，防止错误信息被忽略。
--- ------- - --- ------------------------- ------- -
--- -
-- ----------
----------
- ----- --- -
----------
-
---
------------------------------ -
---- -------- --
---注意，此种方式需要更多的代码实现，需要将异步操作的过程完整地放入 try..catch 块中。
结论
以上是 Promise 中错误处理的两种方式及最佳实践，相信对使用 Promise 进行异步操作有所帮助。在使用 Promise 时，要注意错误信息的处理，避免错误忽略以及错误信息不清晰的情况发生。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67385413317fbffedf0fa9d5