Promise A+ 从 0 到 1，尽在掌控

作为 JavaScript 开发人员，我们离不开 Promise 对象。它作为异步编程的神器，帮助我们管理异步操作，编写出更加优雅、易读的代码。然而，想要真正掌握 Promise，我们还需要对其背后的实现原理和使用方法有更深入的了解。

在这篇文章中，我们将从头开始，一步步手写一个符合 Promise A+ 规范的 Promise 对象，并顺带实现 Promise 的相关方法。这个过程不仅能帮助我们理解 Promise 的工作原理，还能让我们更熟练地使用 Promise 来编写代码。

首先，我们先来回顾一下 Promise A+ 规范。Promise A+ 规范定义了 Promise 对象的行为，它规定了 Promise 对象必须具备的状态和方法，以及这些状态和方法之间的转换关系。

Promise 对象有三种状态：pending（等待）、fulfilled（已完成）和 rejected（已拒绝）。一个 Promise 对象在创建时，其状态总是 pending，然后通过 resolve() 或 reject() 方法将其状态变为 fulfilled 或 rejected。一旦状态改变，Promise 对象就不能再改变状态了。

Promise 对象还提供了 then()、catch() 和 finally() 等方法，这些方法可以让我们处理 Promise 的结果。then() 方法用于处理 fulfilled 状态的 Promise 对象，catch() 方法用于处理 rejected 状态的 Promise 对象，而 finally() 方法无论 Promise 对象的状态如何，都会被调用。

现在，我们开始动手实现一个 Promise 对象。首先，我们需要定义一个 Promise 构造函数，该函数接受一个 executor 函数作为参数，executor 函数有两个参数，分别是 resolve 和 reject，用于将 Promise 对象的状态变为 fulfilled 和 rejected。

function Promise(executor) {
  this.state = 'pending';
  this.value = undefined;
  this.reason = undefined;
  this.onFulfilledCallbacks = [];
  this.onRejectedCallbacks = [];

  const resolve = (value) => {
    if (this.state !== 'pending') return;
    this.state = 'fulfilled';
    this.value = value;
    this.onFulfilledCallbacks.forEach((callback) => callback(this.value));
  };

  const reject = (reason) => {
    if (this.state !== 'pending') return;
    this.state = 'rejected';
    this.reason = reason;
    this.onRejectedCallbacks.forEach((callback) => callback(this.reason));
  };

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

接下来，我们需要实现 Promise 的相关方法。then() 方法用于处理 fulfilled 状态的 Promise 对象，其接受两个参数，分别是 onFulfilled 和 onRejected，这两个参数都是函数，分别用于处理 Promise 对象的成功和失败结果。

Promise.prototype.then = function(onFulfilled, onRejected) {
  return new Promise((resolve, reject) => {
    this.onFulfilledCallbacks.push(() => {
      try {
        const result = onFulfilled(this.value);
        resolve(result);
      } catch (error) {
        reject(error);
      }
    });

    this.onRejectedCallbacks.push(() => {
      try {
        const result = onRejected(this.reason);
        resolve(result);
      } catch (error) {
        reject(error);
      }
    });
  });
};

catch() 方法用于处理 rejected 状态的 Promise 对象，其接受一个参数 onRejected，该参数是一个函数，用于处理 Promise 对象的失败结果。

Promise.prototype.catch = function(onRejected) {
  return this.then(undefined, onRejected);
};

finally() 方法无论 Promise 对象的状态如何，都会被调用。其接受一个参数 onFinally，该参数是一个函数，用于处理 Promise 对象的最终结果。

Promise.prototype.finally = function(onFinally) {
  return this.then(
    (value) => Promise.resolve(onFinally()).then(() => value),
    (reason) => Promise.resolve(onFinally()).then(() => { throw reason; })
  );
};

以上就是如何手写一个符合 Promise A+ 规范的 Promise 对象以及其实现方法的过程。通过这个过程，我们不仅理解了 Promise 的工作原理，还掌握了 Promise 的使用方法。在实际开发中，我们可以利用 Promise 来编写出更加优雅、易读的异步代码，从而提高代码的可维护性和可读性。