Promise如何实现

promise实现如下

  • promise的实例状态唯一性 (pending、fulfilled、rejected)
  • 实现promise有两个变量分别储存resolve、reject处理的值
  • promise 提供resolve、reject 方法。这两个方法需要作为executor的参数提供给开发者使用
function Promise(executor) {
  // promise 定义初始状态是pending
  this.status = "pending";
  this.value = "";
  this.reason = "";
  this.OnFunctionArrayFuill = [];
  this.OnFunctionArrayError = [];
  let self = this;
  function resolve(value) {
  // 使用setTimeout是将resolve、reject的执行放在任务列队中(这样的做法不厌精、为了保证promise属于microtasks、实现库用了MutationObserver来模仿nextTick)
    setTimeout(() => {
      if (self.status == "pending") {
        self.value = value;
        self.status = "fuilled";
        self.OnFunctionArrayFuill.forEach((func) => {
          func();
        });
      }
    });
  }
  function reject(error) {
    setTimeout(() => {
      if (self.status == "pending") {
        self.status = "rejected";
        self.reason = error;
        self.OnFunctionArrayError.forEach((errFunc) => {
          errFunc();
        });
      }
    });
  }
  try {
    executor(resolve, reject);
  } catch (error) {
    reject(error);
  }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值