手写Promise：实现符合PromisesA+规范的Promise

本文将指导你一步步实现一个符合Promises/A+规范的Promise，帮助你深入理解Promise的工作原理和实现细节。

一. 整体介绍

Promise是JavaScript中非常重要的一个概念，它是一种用于处理异步操作的编程模型。Promise提供了一种优雅的方式来处理异步操作的成功或失败，以及它们之间的依赖关系。这使得我们可以避免回调地狱（Callback Hell）的问题，编写更清晰、更易于理解的代码。

Promises/A+是一个对Promise行为的开放规范，它规定了Promise应该如何表现和实现。遵循这个规范的Promise实现可以确保它们之间的互操作性，使得我们可以在不同的库和框架中轻松地使用它们。在本文中，我们将实现一个名为MyPromise的类，它将遵循Promises/A+规范。

二. 实现目标

我们将实现以下功能和方法，使MyPromise符合Promises/A+规范：

1. MyPromise构造函数及基本状态
2. resolve和reject方法
3. then方法
4. catch方法
5. finally方法
6. MyPromise.resolve和MyPromise.reject静态方法
7. MyPromise.all和MyPromise.race静态方法
8. 实现Promise.allSettled和Promise.any静态方法

三. 实现过程

第1步：定义MyPromise构造函数，并实现基本的状态属性

首先，我们需要创建一个名为MyPromise的类，并定义三种状态：pending、fulfilled和rejected。MyPromise类的构造函数将接收一个执行器（executor）函数作为参数。执行器函数会立即执行，并接收两个参数：resolve和reject，它们分别用于将Promise状态从pending更改为fulfilled或rejected。

我们还需要在类中实现状态的改变以及状态改变时对应的值（value）或原因（reason）的存储。

下面是MyPromise类的基本结构以及构造函数的实现：

class MyPromise {
   
   
  constructor(executor) {
   
   
    // 初始化状态为pending
    this.status = 'pending';
    // 初始化成功的值为undefined
    this.value = undefined;
    // 初始化失败的原因为undefined
    this.reason = undefined;

    // 定义resolve方法
    const resolve = (value) => {
   
   
      // 只有在pending状态才能更改状态和值
      if (this.status === 'pending') {
   
   
        this.status = 'fulfilled';
        this.value = value;
      }
    };

    // 定义reject方法
    const reject = (reason) => {
   
   
      // 只有在pending状态才能更改状态和原因
      if (this.status === 'pending') {
   
   
        this.status = 'rejected';
        this.reason = reason;
      }
    };

    // 立即执行执行器函数
    try {
   
   
      executor(resolve, reject);
    } catch (error) {
   
   
      // 如果执行器函数抛出异常，将Promise状态更改为rejected
      reject(error);
    }
  }
}

在这一步中，我们定义了MyPromise类的基本结构，并实现了构造函数以及状态属性的初始化。我们还定义了resolve和reject方法，并在执行器函数中使用它们。如果执行器函数抛出异常，我们会捕获它并将Promise状态更改为rejected。

第2步：实现resolve和reject两个核心方法

接下来，我们需要在MyPromise类中实现两个核心方法：resolve和reject。这两个方法用于处理异步操作的结果。我们会将这两个方法从构造函数中提取出来，并作为类的实例方法。同时，我们需要处理异步操作的结果，将成功或失败的处理函数存储在队列中，在resolve或reject方法中逐个执行这些处理函数。

下面是MyPromise类的实现：

class MyPromise {
   
   
  constructor(executor) {
   
   
    // 初始化状态为pending
    this.status = 'pending';
    // 初始化成功的值为undefined
    this.value = undefined;
    // 初始化失败的原因为undefined
    this.reason = undefined;
    // 初始化成功处理函数队列
    this.onFulfilledCallbacks = [];
    // 初始化失败处理函数队列
    this.onRejectedCallbacks = [];

    // 定义resolve方法
    const resolve = (value) => {
   
   
      // 只有在pending状态才能更改状态和值
      if (this.status === 'pending') {
   
   
        this.status = 'fulfilled';
        this.value = value;
        // 执行所有成功处理函数
        this.onFulfilledCallbacks.forEach(callback => callback());
      }
    };

    // 定义reject方法
    const reject = (reason) => {
   
   
      // 只有在pending状态才能更改状态和原因
      if (this.status === 'pending') {
   
   
        this.status = 'rejected';
        this.reason = reason;
        // 执行所有失败处理函数
        this.onRejectedCallbacks.forEach(callback