Defer 对象的简单实现
Defer 对象的简单实现
杨军军 发表于4年前
Defer 对象的简单实现
  • 发表于 4年前
  • 阅读 32
  • 收藏 0
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 主要实现的Defer 的done、fail、then、always方法
需改进的地方:

 1. 不能同时使用多个 Defer 对象。
 2. 实现的不全面。
演示地址:http://runjs.cn/code/uh9uvnxk
代码如下:

// Defer 对象的简单实现
// 主要实现的Defer 的done、fail、then、always方法
(function(window){
  var Defer = function(){
    return Defer.prototype.init();
  }
  Defer.prototype.init = function(){
    this.state = 'init';
    this.queue = {
      success:[],
      fail:[],
      always:[]
    }
    return this;
  }
  Defer.prototype.resolve = function(){
    this.state = 'resolved';
    this.fire();
  }
  Defer.prototype.reject = function(){
    this.state = 'rejected';
    this.fire();
  }
  Defer.prototype.fire = function(){
    if(this.state == 'resolved'){
      var i = 0;
      for(;i < this.queue.success.length; i++){
        this.queue.success[i]();
      }
    }
    else if(this.state == 'rejected'){
      var i = 0;
      for(;i < this.queue.fail.length; i++)
        this.queue.fail[i]();
    }
    var i = 0;
    for(; i < this.queue.always.length; i++){
      this.queue.always[i]();
    }
  }
  Defer.prototype.promise = function(){
    var self = this;
    return{
      done: function(callback){
        self.queue.success.push(callback);
        // 为了能够链式操作
        return this;
      },
      fail: function(callback){
        self.queue.fail.push(callback);
        return this;
      },
      then: function(doneCallback, failCallback){
        self.queue.success.push(doneCallback);
        self.queue.fail.push(failCallback);
        return this;
      },
      always: function(callback){
        self.queue.always.push(callback);
        return this;
      }
    }
  }  
  window.Defer = Defer;
})(window)


//
// test
// 

function test(){
  var defer = Defer();
  setTimeout(function(){
    alert('Success');
    defer.resolve();
    // defer.reject();
  }, 1000);
  return defer.promise();
}

test().done(function(){
  alert('done 01');
}).done(function(){
  alert('done 02')
}).done(function(){
  alert('done 03')
}).fail(function(){
  alert('fail 01')
}).fail(function(){
  alert('fail 02')
}).always(function(){
  alert('always 01')
}).always(function(){
  alert('always 02')
})

over

标签: javascript defer
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 46
博文 54
码字总数 16293
×
杨军军
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: