简单实现promise封装

核心思想即把then后的函数提取出来等待resolve后执行callbacks

    function _Promise(fn, callbacks) {
      var value = null;
      var callbacks = callbacks || [];
      var state = 'pending';
      var _this = this;
      
      //注册所有的回调函数
      this.then = function (fulfilled, rejected) {
        //链式promise
        return new _Promise(function (resolv, rejec) {
          try {
            if (state == 'pending') {
              callbacks.push(fulfilled);
              return;
            }
            if (state == 'fulfilled') {
              var data = fulfilled(value) || value;
              resolv(data);
              return;
            }
            if (state == 'rejected') {
              var data = rejected(value);
              resolv(data);
              return;
            }
          } catch (e) {
            _this.catch(e);
          }
        }, callbacks);
      }

      //执行所有的回调函数
      function resolve(valueNew) {
        value = valueNew;
        state = 'fulfilled';
        execute();
      }

      //执行所有的回调函数
      function reject(valueNew) {
        value = valueNew;
        state = 'rejected';
        execute();
      }

      function execute() {
        //加入延时机制 防止promise里面有同步函数 导致resolve先执行 then还没注册上函数
        setTimeout(function () {
          callbacks.forEach(function (cb) {
            value = cb(value);
          });
        }, 0);
      }

      this.catch = function (e) {
        console.error(JSON.stringify(e));
      }

      fn(resolve, reject);      
    }
复制代码

转载于:https://juejin.im/post/5d47b6ee518825052a032173