【JQ】js中控制方法执行顺序

本文介绍: 问题描述：前端页面中某些时候想控制一些方法按照想要的顺序进行，比如for 循环中两个不相关的if语句for(var i=0;i<10;i++){ if(i==5){ ale rt(“1111”); //理想输出为 1111 2222 } if(i==5){ ale r t(“2222”); //但是实际情况可能是2222 1111 }}由此引申出一个 defer red 对象（详情请看阮一峰大神的jQue ry的defer re d 对象详解）简单来说（个人浅显理解，不对请指正），ajax

问题描述：前端页面中某些时候想控制一些方法按照想要的顺序进行，比如for循环中两个不相关的if语句

for(var i=0;i<10;i++){
	if(i==5){
		alert("1111");  //理想输出为 1111  2222
	}
	if(i==5){
		alert("2222");  //但是实际情况可能是2222 1111
	}
}

由此引申出一个 defer re d 对象（详情请看阮一峰大神的jQuery的deferred对象详解）
简单来说（个人浅显理解，不对请指正），ajax 返回的是defer re d 对象，所以可以进行链式操作，完全按顺序执行

$.ajax("test.html").done(function(){
	alert("成功");
}).fail(function(){
	alert("失败")
});     //ajax成功后自动弹出成功

但是对于其他方法来说，需要手动的去设置 defer re d 对象的完成情况，这个时候就需要使用$.when()，这个方法的参数只能是defer re d 对象。但是我们可以不传参数，然后不停的done，就可以按照我们想要的顺序执行下去

$.when().done(function(){
	alert("1111");
}).done(function{
	alert("2222"); 
});    //这样输出就是1111 2222

完结撒花~

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。