版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wlx1991/article/details/50756359
// 顺序执行多个异步操作
// deferred.then() 中返回一个新建的 deferred 对象
$.Deferred(function(d){
console.log('start');
d.resolve();
}).then(function(){
var dfd = $.Deferred();
setTimeout(function(){
console.log('done1');;
dfd.resolve();
},1000);
return dfd;
}).then(function(){
var dfd = $.Deferred();
setTimeout(function(){
console.log('done2');;
dfd.resolve();
},1000);
return dfd;
}).done(function(){
console.log('finish');
});
// 传递异步操作的返回值
$.Deferred(function(d){
d.resolve([]);
}).then(function(arr){
arr.push(1);
console.log(arr);
return arr;
}).then(function(arr){
arr.push(2);
console.log(arr);
return arr;
}).then(function(arr){
arr.push(3);
console.log(arr);
return arr;
}).done(function(arr){
console.log(arr);
});
/*
[1]
[1, 2]
[1, 2, 3]
[1, 2, 3]
*/
// 监听多个异步操作完成后再执行目标操作
$.when(function(){
var dfd = $.Deferred();
setTimeout(function(){
console.log(1);
dfd.resolve();
}, 1000);
return dfd;
}(), function(){
var dfd = $.Deferred();
setTimeout(function(){
console.log(2);
dfd.resolve();
}, 2000);
return dfd;
}()).then(function(){
console.log('done');
},function(){
console.log('fail');
});