<script>
function runAsync(){
var def = $.Deferred();
//做一些异步操作
setTimeout(function(){
var num = Math.ceil(Math.random()*10); //生成1-10的随机数
def.resolve(num);
}, 2000);
return def.promise(); //就在这里调用
}
$.when(runAsync(), runAsync(), runAsync()) .then(function(data1, data2, data3){
console.log('全部执行完成');
console.log(data1, data2, data3);
});
</script>
jquery中没有像ES6中的race方法吗？就是以跑的快的为准的那个方法。对的，jquery中没有。
以上就是jquery中Deferred对象的常用方法了。
在上一篇和本篇当中，都是用一次性定时器来代替了异步请求进行数据处理。为什么没用ajax呢，不是因为麻烦，在这里要说一下ajax和Deferred的联系：
jquery的ajax返回一个受限的Deferred对象，也就是没有resolve方法和reject方法，不能从外部改变状态，既然是Deferred对象，那么我们上面讲到的所有特性，ajax也都是可以用的。比如链式调用，连续发送多个请求：
<script>
req1 = function(){
return $.ajax(/* **** */);
}
req2 = function(){
return $.ajax(/* **** */);
}
req3 = function(){
return $.ajax(/* **** */);
}
req1().then(req2).then(req3).done(function(){ console.log('请求发送完毕'); });
</script>
success、error与complete
这三个方法是我们常用的ajax语法糖。
$.ajax(/*...*/)
.success(function(){/*...*/})
.error(function(){/*...*/})
.complete(function(){/*...*/})
有时候比较喜欢在内部作为属性来处理。
分别表示ajax请求成功、失败、结束的回调。这三个方法与Deferred又是什么关系呢？其实就是语法糖，success对应done，error对应fail，complete对应always，就这样，只是为了与ajax的参数名字上保持一致而已。
总结：
$.Deferred实现了Promise规范，then、done、fail、always是Deferred对象的方法。$.when是一个全局的方法，用来并行运行多个异步任务，与ES6的all是一个功能。ajax返回一个受限的Deferred对象，success、error、complete是ajax提供的语法糖，功能与Deferred对象的done、fail、always一致。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持黑区网络。