自己使用ES6 class类，手写一个Promise类，实现原型方法then/catch/finally，实现静态方法resolve/reject/all/race。

原创

已于 2022-10-08 15:40:48 修改 · 295 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #javascript #前端

于 2022-08-28 23:52:48 首次发布

本文通过实例代码展示了如何使用ES6的class类来手动创建一个Promise对象，详细实现了then、catch、finally等原型方法以及resolve、reject、all、race等静态方法。欢迎交流讨论，共同提升前端技能。

话不多说上代码

class Promise {
  // 构造方法
  constructor(executor) {
    // 添加属性
    this.PromiseState = "pending";
    this.PromiseResult = null;
    // b保存回调
    this.callbacks = [];
    // 保存实例对象的this值
    const self = this;
    // resolve函数
    function resolve(data) {
      // 判断状态
      if (self.PromiseState !== "pending") return;
      //1.修改对象的状态 (PromiseState)
      self.PromiseState = "fulfilled"; //或者为resolved
      //2.设置对象结果值 (PromiseResult)
      self.PromiseResult = data;
      setTimeout(() => {
        self.callbacks.forEach((item) => {
          item.onResolved(data);
        });
      });
    }
    // reject 函数
    function reject(data) {
      // 判断状态
      if (self.PromiseState !== "pending") return;
      //1.修改对象的状态 (PromiseState)
      self.PromiseState = "rejected";
      //2.设置对象结果值 (PromiseResult)
      self.PromiseResult = data;
      setTimeout(() => {
        self.callbacks.forEach((item) =>

最低0.47元/天解锁文章