手动实现简易的Promise

const PENDING = 'pending'
const RESOLVED = 'resolved'
const REJECTED = 'rejected'
function MyPromise(fn) {
  const that = this //方便后面利用上下文,先把this赋值给that
  this.state = PENDING // 初始状态为pending
  this.value = null
  this.resolvedCallbacks = [] // 这两个变量用于保存then中的回调,因为执行完Promise时状态可能还是pending
  this.rejectedCallbacks = [] // 此时需要吧then中的回调保存起来方便状态改变时调用
  
  function resolve(value) {
    if(that.state === PENDING) {
      that.state = RESOLVED // resolve函数执行时,若状态为pending,则把状态转换为resolved
      that.value = value // 把值赋给this.value
      that.resolvedCallbacks.map(cb => cb(value)) // 遍历数组,执行之前保存的then的回调函数
    }
  }
  function reject(value) {
    if(that.state === PENDING) { // 同上
      that.state = REJECTED
      that.value = value
      that.rejectedCallbacks.map(cb => cb(value))
    }
  }

  try{
   
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值