问题描述:前端页面中某些时候想控制一些方法按照想要的顺序进行,比如for循环中两个不相关的if语句
for(var i=0;i<10;i++){
if(i==5){
alert("1111"); //理想输出为 1111 2222
}
if(i==5){
alert("2222"); //但是实际情况可能是2222 1111
}
}
由此引申出一个deferred对象 (详情请看阮一峰大神的jQuery的deferred对象详解)
简单来说(个人浅显理解,不对请指正),ajax返回的是deferred对象,所以可以进行链式操作,完全按顺序执行
$.ajax("test.html").done(function(){
alert("成功");
}).fail(function(){
alert("失败")
}); //ajax成功后自动弹出成功
但是对于其他方法来说,需要手动的去设置deferred对象的完成情况,这个时候就需要使用$.when(),这个方法的参数只能是deferred对象。但是我们可以不传参数,然后不停的done,就可以按照我们想要的顺序执行下去
$.when().done(function(){
alert("1111");
}).done(function{
alert("2222");
}); //这样输出就是1111 2222
完结撒花~