洞悉 Promise 中的 then、catch 和 finally 的影响——返回状态探索之旅

2023-10-06 14:34:09

在 JavaScript 的异步编程领域，Promise 无疑是颗耀眼的明星，它以其简洁易用的特性，为我们处理异步操作提供了强大的支持。然而，其中一些细节可能很多人并没有深入关注过。我们都知道，.then、.catch 和 .finally 都可以链式调用，其本质上是因为返回了一个新的 Promise 实例，而这些 Promise 实例现在的状态是什么或者将来会变成什么，却鲜有人知。那么，就让我们一起踏上探索之旅，揭开 then、catch 和 finally 的神秘面纱。

一、探寻 then 的足迹

then 方法是 Promise 的核心之一，它允许我们在 Promise 被解析或拒绝时执行相应的回调函数。当 then 方法被调用时，它会返回一个新的 Promise 实例，这个新的 Promise 实例的状态取决于回调函数的执行结果。

若回调函数执行成功 ：则新的 Promise 实例将被解析，其结果为回调函数的返回值。
若回调函数执行失败 ：则新的 Promise 实例将被拒绝，其原因是回调函数抛出的错误。

二、揭秘 catch 的奥秘

catch 方法是 then 方法的一个特殊形式，它专门用于处理 Promise 被拒绝的情况。当 catch 方法被调用时，它会返回一个新的 Promise 实例，这个新的 Promise 实例的状态取决于 catch 方法回调函数的执行结果。

若回调函数执行成功 ：则新的 Promise 实例将被解析，其结果为回调函数的返回值。
若回调函数执行失败 ：则新的 Promise 实例将被拒绝，其原因是回调函数抛出的错误。

三、终章：finally 的舞台

finally 方法是 Promise 的另一个重要方法，它无论 Promise 是被解析还是被拒绝，都会执行回调函数。当 finally 方法被调用时，它会返回一个新的 Promise 实例，这个新的 Promise 实例的状态取决于 finally 方法回调函数的执行结果。

若回调函数执行成功 ：则新的 Promise 实例将被解析，其结果为回调函数的返回值。
若回调函数执行失败 ：则新的 Promise 实例将被拒绝，其原因是回调函数抛出的错误。

四、幕后揭秘：Promise 实例状态的变换

通过对 then、catch 和 finally 的深入探索，我们揭示了它们对返回的 Promise 实例状态的影响。以下是它们如何改变 Promise 实例状态的总结：

then：
- 回调函数执行成功：解析新 Promise 实例，结果为回调函数返回值。
- 回调函数执行失败：拒绝新 Promise 实例，原因是回调函数抛出的错误。
catch：
- 回调函数执行成功：解析新 Promise 实例，结果为回调函数返回值。
- 回调函数执行失败：拒绝新 Promise 实例，原因是回调函数抛出的错误。
finally：
- 回调函数执行成功：解析新 Promise 实例，结果为回调函数返回值。
- 回调函数执行失败：拒绝新 Promise 实例，原因是回调函数抛出的错误。