Promise 是现代 JavaScript 编程中非常常见和重要的语言构造。它的主要优点是可以方便地处理异步代码，让我们可以轻松地避免传统的回调地狱。但是，在使用 Promise 过程中，我们也需要注意一些滞后错误（deferred error）的问题。
Promise 滞后错误的原因
在 Promise 中，当一个 Promise 被 rejected，它会产生一个错误，并且这个错误会用一个拒绝原因（reason）来描述。如果该 Promise 被链式调用，这个拒绝原因将被传递到下一个 Promise。
但是，在链式调用过程中，如果我们没有正确地处理这个拒绝原因，会出现滞后错误。当我们没有在错误处理函数中重新抛出错误，而是返回一个新的 Promise 对象时，我们将无法收到后续 Promise 中的这个错误。
Promise.resolve()
.then(() => {
throw new Error("something went wrong");
})
.then(() => console.log("hello"))
.catch((err) => console.error(err)); // 输出 "something went wrong"如上所示，在第一个 then 方法中，我们抛出了一个错误。但是，当我们继续调用另一个 then 方法时，错误已经无法捕获。这是因为该 then 方法返回了一个新的、带有 resolved 状态的 Promise 对象，导致错误被吞噬掉了。因此，我们必须始终在错误处理函数中重新抛出错误或返回一个 rejected 状态的 Promise 对象。
如何避免滞后错误
下面我们将介绍如何正确地处理 Promise 滞后错误，以避免这种状况的发生。
返回 rejected Promise
当我们没有处理错误或者不想处理错误时，可以采用返回 rejected Promise 的方式。
Promise.resolve()
.then(() => {
throw new Error("something went wrong");
})
.then(() => console.log("hello"))
.catch((err) => Promise.reject(err)); // 返回 rejected Promise 对象如上所示，我们在 catch 方法中返回了一个 rejected Promise 对象，并将上一个 Promise 的拒绝原因传递到下一个 Promise。
错误处理函数中重新抛出错误
如果我们想要处理错误，可以在错误处理函数中重新抛出错误。
-- -------------------- ---- -------
-----------------
-------- -- -
----- --- ---------------- ---- --------
--
-------- -- ---------------------
------------ -- -
-------------------
----- ---- -- ------
---如上所示，在 catch 方法中，我们输出了错误日志并重新抛出了错误，让错误能够在后续地 Promise 链中被捕获。
最终处理函数中抛出错误
如果我们想要在一个 Promise 链的最后一个 Promise 中处理错误，可以使用最终处理函数（finally）。
Promise.resolve()
.then(() => {
throw new Error("something went wrong");
})
.then(() => console.log("hello"))
.finally(() => console.log("finally block")) // 最终处理函数
.catch((err) => console.error(err));如上所示，在最终处理函数中，我们可以进行必要的清理，并在必要时抛出错误。这样做的好处是，无论 Promise 链是否成功，最终处理函数总是会被执行。
结论
在 Promise 编程中，关注处理 Promise 滞后错误非常重要。本文介绍了如何正确地处理 Promise 滞后错误，以避免错误丢失的情况发生。我们建议在编写 Promise 相关代码时，时刻关注错误处理，确保代码能够正确地处理和传递错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6722e1582e7021665e0d41a0