原生模仿实现Promise

class Promise {
  constructor(fn, params = { state: Promise.stateName.Pending }) {
    function resolve(props_val) {
      if (state == Promise.stateName.Pending) {
        state = Promise.stateName.Resolved;
        props = props_val;
        resolve_handler_list.forEach(item => {
          Promise.resolve(item.resolve_handler.call(null, props)).then(item.resolve);
          // 执行内层容器观察者函数,如果该函数为执行外层容器的异步操作,则在异步操作完成后通知外层容器。
        });
      }
    }
    function reject(props_val) {
      if (state == Promise.stateName.Pending) {
        state = Promise.stateName.Rejected;
        props = props_val;
      }
    }
    this.then = function(resolve_handler, reject_handler) {
      if (state == Promise.stateName.Pending) {
        if (typeof resolve_handler == 'function') {
          return new Promise(function(resolve, reject) {
            resolve_handler_list.push({ resolve_handler, resolve });
          });
        }
        // typeof reject_handler == 'function' && reject_handler_list.push(reject_handler);
      } else if (state == Promise.stateName.Resolved) {
        resolve_handler.call(null, props);
        return Promise.resolve(props);
      } else {
        reject_handler.call(null, props);
      }
    };
    var { state, props } = params;
    const resolve_handler_list = [];
    const reject_handler_list = [];

    fn.call(null, resolve, reject);
  }
}
Promise.stateName = {
  Pending: Symbol('Pending'),
  Resolved: Symbol('Resolved'),
  Rejected: Symbol('Rejected'),
};
Promise.resolve = function(props) {
  if (props instanceof Promise) return props;
  return new Promise(() => {}, { state: Promise.stateName.Resolved, props });
};
Promise.reject = function(props) {
  return new Promise(() => {}, { state: Promise.stateName.Rejected, props });
};

const getPrintSync = (function() {
  var val = 0;
  return () => {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        val = val + 1;
        resolve(val);
      }, 1000);
    });
  };
})();

getPrintSync()
  .then(val => {
    console.log(val);
    return getPrintSync();
  })
  .then(val => {
    console.log(val);
  });

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值