当前位置：首页 > 文章列表 > 文章 > 前端 > 如何编写符合PromiseA+规范的库

如何编写符合PromiseA+规范的库

2026-02-11 11:52:30 0浏览收藏

学习知识要善于思考，思考，再思考！今天golang学习网小编就给大家带来《如何实现符合Promise A+规范的Promise库》，以下内容主要包含等知识点，如果你正在学习或准备学习文章，就都不要错过本文啦~让我们一起来看看吧，能帮助到你就更好了！

实现符合Promise A+规范的Promise库需正确处理状态机、异步解析与then链式调用，核心包括：1. 定义pending、fulfilled、rejected三种不可逆状态；2. 构造函数中通过resolve/reject控制状态变更并维护回调队列；3. then方法返回新Promise，确保异步执行与错误捕获；4. 实现resolvePromise函数处理返回值x，递归解析thenable对象并防止循环引用。严格遵循规范可确保兼容性，建议使用promises-aplus-tests验证。

怎样实现一个符合Promise A+规范的Promise库？

实现一个符合 Promise A+ 规范的 Promise 库，核心在于正确处理状态机、异步解析和 then 方法的链式调用。重点是遵循规范中对 thenable 处理、状态不可逆变更、异步执行以及错误捕获的要求。

1. 理解 Promise 的三种状态

Promise 有三个状态：

pending：初始状态，可变为 fulfilled 或 rejected
fulfilled：成功状态，不可再改变
rejected：失败状态，不可再改变

状态一旦从 pending 变为 fulfilled 或 rejected，就不能再更改。构造函数中通过变量记录当前状态，并在 resolve 和 reject 函数中进行状态变更控制。

2. 实现基本结构与状态管理

定义构造函数，接收一个执行器函数（executor），内部维护状态、值和回调队列：

3. 实现 then 方法

then 方法必须返回一个新的 Promise，支持链式调用。这是 Promise A+ 的核心要求之一。要处理 onFulfilled 和 onRejected 的可选性、异步执行、值穿透和错误传播。

MyPromise.prototype.then = function(onFulfilled, onRejected) {
  onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : val => val;
  onRejected = typeof onRejected === 'function' ? onRejected : err => { throw err; };

  const promise2 = new MyPromise((resolve, reject) => {
    if (this.status === 'fulfilled') {
      setTimeout(() => {
        try {
          const x = onFulfilled(this.value);
          resolvePromise(promise2, x, resolve, reject);
        } catch (e) {
          reject(e);
        }
      }, 0);
    }

    if (this.status === 'rejected') {
      setTimeout(() => {
        try {
          const x = onRejected(this.reason);
          resolvePromise(promise2, x, resolve, reject);
        } catch (e) {
          reject(e);
        }
      }, 0);
    }

    if (this.status === 'pending') {
      this.onFulfilledCallbacks.push(() => {
        setTimeout(() => {
          try {
            const x = onFulfilled(this.value);
            resolvePromise(promise2, x, resolve, reject);
          } catch (e) {
            reject(e);
          }
        }, 0);
      });

      this.onRejectedCallbacks.push(() => {
        setTimeout(() => {
          try {
            const x = onRejected(this.reason);
            resolvePromise(promise2, x, resolve, reject);
          } catch (e) {
            reject(e);
          }
        }, 0);
      });
    }
  });

  return promise2;
};