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");

});

巴特西

jQuery中deferred对象的使用（二）

deferred对象的使用(二)

最新文章

热门文章