不积跬步之手撕Promise源码(中) 理解promise

前端

2023-09-30 08:59:06

深入探究 Promise 的工作原理

Promise 简介

在现代 JavaScript 中，Promise 是一种不可或缺的工具，它使我们能够优雅地处理异步操作。它是一个对象，代表着异步操作的结果，并允许我们向其附加回调函数，以便在操作完成时执行。

Promise 的状态

Promise 有三种状态：

Pending： 初始状态，异步操作尚未完成。
Fulfilled： 异步操作已成功完成，并返回结果。
Rejected： 异步操作已完成，但遇到错误。

Promise 的实现

Promise 的实现依赖于 JavaScript 的事件循环和回调函数：

事件循环： 处理异步事件，例如异步操作完成后的回调。
回调函数： 在特定事件（例如 Promise 完成）发生时执行的函数。

Promise 的构造函数

创建 Promise 时，我们需要提供一个执行器函数，该函数接受两个参数：

resolve： 用来通知 Promise 异步操作已成功完成并返回结果。
reject： 用来通知 Promise 异步操作已遇到错误并拒绝。

Promise 实例方法

Promise 实例方法包括：

then： 添加回调函数，在 Promise 完成时执行。
catch： 添加回调函数，在 Promise 被拒绝时执行。
finally： 添加回调函数，无论 Promise 是成功还是失败，在完成时执行。

Promise 静态方法

Promise 还有静态方法，用于处理多个 Promise：

all： 接受一个 Promise 数组，并在所有 Promise 完成后成功完成，或有一个 Promise 拒绝后拒绝。
race： 接受一个 Promise 数组，并在第一个 Promise 完成或拒绝后立即完成或拒绝。

代码示例

// 创建一个 Promise
const promise = new Promise((resolve, reject) => {
  // 执行异步操作
  setTimeout(() => {
    if (success) {
      resolve("操作成功");
    } else {
      reject("操作失败");
    }
  }, 1000);
});

// 使用 then 添加回调
promise.then((result) => {
  console.log(result);
}).catch((error) => {
  console.log(error);
});