如何从零开始编写Promise源码？

2023-11-08 22:12:38

编写 Promise 源码：从零开始的深入指南

了解 Promise

在深入了解 Promise 源码编写之前，让我们先来回顾一下 Promise 是什么。Promise 是 JavaScript 中一种用于处理异步操作的对象。它让我们可以先定义后续操作，而无需等待异步操作完成。异步操作完成后，Promise 会将结果或错误信息传递给后续操作。

构建 Promise 构造函数

编写 Promise 源码的第一步是创建一个构造函数。此函数接受一个参数，即一个带有 resolve 和 reject 两个参数的函数。resolve 用于传递异步操作结果，而 reject 用于传递错误信息。

function Promise(executor) {
  // ...
}

定义属性和方法

接下来，我们为构造函数定义一些属性和方法。首先，创建一个 state 属性来记录 Promise 的状态（pending、fulfilled 或 rejected）。其次，创建一个 value 属性来存储结果或错误信息。最后，创建一个 then 方法来定义后续操作。

function Promise(executor) {
  this.state = 'pending';
  this.value = undefined;

  // ...
}

then 方法

then 方法接受 onFulfilled 和 onRejected 两个函数作为参数。onFulfilled 用于在异步操作成功完成后执行，而 onRejected 用于在操作失败后执行。

Promise.prototype.then = function (onFulfilled, onRejected) {
  // ...
};

完整的 Promise 源码

以下是如何将所有内容组合在一起形成完整 Promise 源码：

function Promise(executor) {
  this.state = 'pending';
  this.value = undefined;

  const resolve = (value) => {
    // ...
  };

  const reject = (error) => {
    // ...
  };

  try {
    executor(resolve, reject);
  } catch (error) {
    reject(error);
  }
}

Promise.prototype.then = function (onFulfilled, onRejected) {
  // ...
};