Promises的原理和Promises的链式调用

程序猴（吉吉）

已于 2023-09-23 11:59:59 修改

阅读量109

点赞数

文章标签：前端 javascript

于 2023-09-23 11:18:44 首次发布

本文链接：https://blog.csdn.net/m0_72996918/article/details/133201172

版权

Promises 是 JavaScript 中处理异步编程的一种机制，它的原理可以概括为以下几个关键点：

Promise 有三种可能的状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。
初始状态是 pending，当操作成功完成时，Promise 转为 fulfilled 状态；当操作失败时，Promise 转为 rejected 状态。
状态一旦变化，就不会再改变。

Promise 构造函数接受一个执行器函数作为参数，在创建 Promise 对象时立即执行。
执行器函数接受两个参数：resolve 和 reject，分别用于将 Promise 状态从 pending 变为 fulfilled 或 rejected。
执行器函数中进行异步操作，通过调用 resolve 或 reject 方法来改变 Promise 的状态。

Promise 提供了 .then() 方法来处理 Promise 对象的状态变化，它接受两个参数：onFulfilled 和 onRejected。
当 Promise 状态变为 fulfilled 时，将调用 onFulfilled 方法，并将 Promise 的结果作为参数传递给该方法。
当 Promise 状态变为 rejected 时，将调用 onRejected 方法，并将 Promise 的错误原因作为参数传递给该方法。
.then() 方法返回一个新的 Promise 对象，可以通过链式调用来处理多个异步操作。

可以使用 Promise.all() 方法来处理多个 Promise 并发执行的情况，它接受一个 Promise 数组作为参数，并返回一个新的 Promise 对象。
当传入的所有 Promise 都变为 fulfilled 状态时，返回的 Promise 才会变为 fulfilled 状态，并将每个 Promise 的结果以数组形式传递给 .then() 方法。
如果其中任何一个 Promise 变为 rejected 状态，则返回的 Promise 会立即变为 rejected 状态，并将第一个被拒绝的 Promise 的错误原因作为参数传递给 .catch() 方法。

Promises 的原理就是基于状态、执行器函数和链式调用来实现异步编程的控制流程。通过合理地使用 Promise，可以更优雅地处理异步操作、避免回调地狱、简化错误处理等。

Promises的链式调用

Promises 的链式调用是指通过 .then() 方法将多个 Promise 调用连接在一起，实现对异步操作的连续处理。链式调用的语法形式如下：

promise
  .then(onFulfilled)
  .then(onFulfilled2)
  .catch(onRejected);

以下是链式调用的具体说明：

首先，创建一个 Promise 对象 promise，它代表一个异步操作。
使用 .then(onFulfilled) 方法来注册一个回调函数 onFulfilled，用于处理异步操作成功的情况。
当 promise 的状态从 pending 变为 fulfilled 时，会调用注册的 onFulfilled 回调函数，并将异步操作的结果作为参数传递给它。
.then(onFulfilled) 方法返回一个新的 Promise 对象，可以继续调用 .then() 方法进行下一个异步操作的注册。
可以通过链式调用多次 .then() 方法，将多个异步操作串联起来。例如，.then(onFulfilled2) 用于处理第二个异步操作成功的情况。
如果任何一个 Promise 的状态变为 rejected，则会跳过后续的 .then() 方法，直接调用最近的 .catch(onRejected) 方法。
使用 .catch(onRejected) 方法来注册一个回调函数 onRejected，用于处理任何一个异步操作失败的情况。
当链式调用中的任意一个 Promise 状态变为 rejected 时，会调用注册的 onRejected 回调函数，并将错误原因作为参数传递给它。

通过链式调用，可以实现对多个异步操作的连续处理，使代码更加简洁和可读。同时，Promise 提供了异常处理的能力，可以通过 .catch() 方法捕获错误并统一处理，提高代码的健壮性。

关注