Promise 实例的生命周期-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常会使用到 Promise 进行异步操作。那么，你是否了解 Promise 实例的生命周期呢？本文将详细介绍 Promise 实例从创建到完成的整个过程，希望能帮助大家更好地理解 Promise 的工作原理。

Promise 简介

首先，我们需要了解 Promise 的基本概念。Promise 是一种用于处理异步操作的对象，它实现了一种单向触发式的监听器模式，即所监听的事件只会被触发一次。

Promise 有三个状态：pending（等待状态）、fulfilled（完成状态）和rejected（失败状态）。一旦 Promise 的状态从 pending 转变为 fulfilled 或 rejected，就称为 settled（已定型状态）。在 settled 状态下，Promise 不可再次改变状态。

下面我们来详细介绍 Promise 实例的生命周期：

创建 Promise

创建 Promise 实例时，需要传入一个执行器函数，并立即执行该函数。执行器函数接受两个参数：resolve 和 reject。resolve 函数用于将 Promise 的状态从 pending 转变为 fulfilled；reject 函数用于将 Promise 的状态从 pending 转变为 rejected。

示例代码：

const promise = new Promise((resolve, reject) => {
  // 执行异步操作
  if (/* 异步操作成功 */) {
    resolve(data); // 改变 Promise 状态为 fulfilled
  } else {
    reject(error); // 改变 Promise 状态为 rejected
  }
});

pending 状态

当 Promise 创建完成后，它处于 pending 状态。在这个阶段，Promise 还未决定是成功还是失败。这是我们通常使用 Promise 的时候，最初的状态。

fulfilled 状态

当异步操作成功完成时，Promise 的状态被改变为 fulfilled，表示操作成功完成。此时，Promise 实例会调用其 then 方法执行相应的操作。

示例代码：

promise.then(
  data => {
    // 处理 Promise 的 fulfilled 结果
  },
  error => {
    // 处理 Promise 的 rejected 结果
  }
);

rejected 状态

当异步操作失败时，Promise 的状态被改变为 rejected，表示操作失败。此时，Promise 实例会调用其 catch 方法执行相应的操作。

示例代码：

promise.catch(error => {
  // 处理 Promise 的 rejected 结果
});

settled 状态

当 Promise 的状态从 pending 转变为 fulfilled 或 rejected 时，Promise 进入 settled 状态，表示 Promise 的状态已经定型。在 settled 状态下，Promise 的状态不再改变。

示例代码：

promise.finally(() => {
  // Promise 结束
});

总结

通过本文的介绍，我们了解了 Promise 实例从创建到完成的生命周期。掌握 Promise 生命周期的理解，能够更好地帮助我们理解 Promise 的工作原理，更加灵活地运用 Promise 进行异步操作。因此，建议大家在学习 Promise 的过程中仔细理解 Promise 实例的生命周期，从而更好地掌握 Promise 的使用。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65374c0a7d4982a6ebfc4978