文档章节

Defer 对象的简单实现

杨军军
 杨军军
发布于 2014/06/03 22:49
字数 242
阅读 39
收藏 0
需改进的地方:

 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

© 著作权归作者所有

共有 人打赏支持
杨军军
粉丝 49
博文 57
码字总数 16293
作品 0
西安
前端工程师
angularJs异步的问题及解决方案

前面有说到处理angularjs中的异步的问题,在福瑞项目中我是通过逻辑判断不停的调用方法判断是否异步的按个函数已经执行完毕的。 这里咱们就来说下angularjs中的异步的问题,以及“正规的解决...

邪气小生
2015/12/23
1K
0
angularJs异步的问题及promise使用

前面有说到处理angularjs中的异步的问题,在福瑞项目中我是通过逻辑判断不停的调用方法判断是否异步的按个函数已经执行完毕的。 这里咱们就来说下angularjs中的异步的问题,以及“正规的解决...

孟飞阳
2016/10/13
97
0
关于angularjs中的异步请求

前面有说到处理angularjs中的异步的问题,在福瑞项目中我是通过逻辑判断不停的调用方法判断是否异步的按个函数已经执行完毕的。 这里咱们就来说下angularjs中的异步的问题,以及“正规的解决...

邪气小生
2015/11/20
0
0
golang捕获异常

Go语言追求简洁优雅,所以,Go语言不支持传统的 try…catch…finally 这种异常,因为Go语言的设计者们认为,将异常与控制结构混在一起会很容易使得代码变得混乱。因为开发者很容易滥用异常,...

吴之恒心
2017/03/01
0
0
JavaScript异步回调--then.js

then.js Another very small promise! 能用简单优美的方式将任何同步或异步回调函数转换成then()链式调用! then.js不同于其它promise,它没有resolve、也没有reject、更没有promise对象,所...

zensh
2013/08/26
8.2K
0

没有更多内容

加载失败,请刷新页面

加载更多

IOasd

能够使用FileUtils常用方法操作文件 字符流体系介绍 : 在 IO 开发中, 我们传输最频繁的数据为字符, 而以字节的方式来传输字符数据会使程序员丧失对数据内容的判断.因为程序员只认识字符, 不认...

码农屌丝
25分钟前
0
0
创建第一个react项目

sudo npm i -g create-react-app@1.5.2 create-react-app react-app cd react-apprm -rf package-lock.jsonrm -rf node_modules #主要是为了避免报错npm installnpm start......

lilugirl
今天
3
0
在浏览器中进行深度学习:TensorFlow.js (八)生成对抗网络 (GAN)

Generative Adversarial Network 是深度学习中非常有趣的一种方法。GAN最早源自Ian Goodfellow的这篇论文。LeCun对GAN给出了极高的评价: “There are many interesting recent development...

naughty
今天
0
0
搬瓦工镜像站bwh1.net被DNS污染,国内打不开搬瓦工官网

今天下午(2018年10月17日),继搬瓦工主域名bandwagonhost.com被污染后,这个国内的镜像地址bwh1.net也被墙了。那么目前应该怎么访问搬瓦工官网呢? 消息来源:搬瓦工优惠网->搬瓦工镜像站b...

flyzy2005
今天
9
0
SpringBoot自动配置

本篇介绍下,如何通过springboot的自动配置,将公司项目内的依赖jar,不需要扫描路径,依赖jar的情况下,就能将jar内配置了@configuration注解的类,创建到IOC里面 介绍下开发环境 JDK版本1.8 spr...

贺小五
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部