jQuery中deferred对象的使用(二)

接上一回的内容,漏了一个always()方法,参数也是回调函数,与done和fail不同的是,无论任何情况都执行always方法中的回调。

deferred对象的使用(二)

deferred对象不光可以用在jquery的ajax方法中,他提供了一系列的接口,使它的通用型大大提高。

比如有这样一个耗时比较久的方法

function a(){
  function b(){
    alert('start');
  }  
  setTimeout(b, 3000);  
}

如果要在这个方法之后执行某个回调,就不能用$.when()了,因为当$.when()的参数不为deferred对象是会直接调用done或者always中的回调函数。

这个时候就要使用deferred对象的其他方法了,还是上面的方法,做一些改写

function a(){
  var def = $.Deferred(); // 创建deferred对象  
  function b(){
    alert('start');
    def.resolve(); // 改变deferred对象的状态
  }  
  setTimeout(b, 3000);  
  return def;
}

$.when(a()).done(function(){
  alert("It's callback");
});

分析一下:

1. $.Deferred()方法会创建一个deferred对象

2. def.resolve()会改变deferred对象的状态,deferred对象有三种状态,未完成,成功,失败。

它有resolve()和reject()两个方法,resolve方法可以把对象状态改为成功,reject方法可以把状态改为失败。

又有以上的写法会出现问题,返回的deferred对象可以被外部改变状态,所以还提供了一个promise()方法,这个方法会在deferred对象的基础上返回一个新的deferred对象,不同的是,返回的对象只存在可被观察到状态,而不具备可改变其状态的方法,类似返回了一个只读的deferred对象。

所以同样的例子可以改写成这样

function a(){
  var def = $.Deferred(); // 创建deferred对象  
  function b(){
    alert('start');
    def.resolve(); // 改变deferred对象的状态
  }  
  setTimeout(b, 3000);  
  return def.promise();
}

$.when(a().reject()).done(function(){ // reject()方法无效
  alert("It's callback");
});

 

posted on 2016-05-30 18:15  天上云好白  阅读(203)  评论(0编辑  收藏  举报

导航