javascript基礎(chǔ)總結(jié)（二）——異步編程情況

Dionysus_go 發(fā)布于2019-08-20 16:05 / 3167人閱讀

摘要：異步規(guī)定要做一件事，不是立馬執(zhí)行這件事，需要等一定的時(shí)間，這樣的話(huà)，我們不會(huì)等著它執(zhí)行，而是繼續(xù)執(zhí)行下面的操作，只有將下面的事情處理完了，才會(huì)返回頭處理之前的事情如果下面的事情并沒(méi)有處理完成，不管之前的事情有沒(méi)有到時(shí)間，都踏踏實(shí)實(shí)的給我等著

異步：規(guī)定要做一件事，不是立馬執(zhí)行這件事，需要等一定的時(shí)間，這樣的話(huà)，我們不會(huì)等著它執(zhí)行，而是繼續(xù)執(zhí)行下面的操作，只有將下面的事情處理完了，才會(huì)返回頭處理之前的事情；如果下面的事情并沒(méi)有處理完成，不管之前的事情有沒(méi)有到時(shí)間，都踏踏實(shí)實(shí)的給我等著；

1、定時(shí)器都是異步編程

var n = 0;
setTimeout(function(){
    n++;
    console.log(n);//2->1
},1000)

console.log(n);//1->0

var n = 0;
setTimeout(function(){
    n++;
    console.log(n);//2->1
},0)

console.log(n);//1->0

所有的定時(shí)器都會(huì)放在任務(wù)隊(duì)列池中，時(shí)間短的放在前面;

var n = 0;
setTimeout(function(){
    n++;
    console.log("1:"+n);//2:2
},2000)

setTimeout(function(){
    n++;
    console.log("2:"+n);//2:1
},1000)

console.log(n);//1->0

如果定時(shí)器時(shí)間一樣會(huì)從上向下執(zhí)行；

var n =0;
setTimeout(function(){
    n++;
    console.log("1:"+n);
},2000)

var timer= setInterval(function(){
    n++;
    console.log("2:"+n);
    if(n==5){
        clearInterval(timer);
    }
},1000)
//執(zhí)行順序
//2:1
//1:2
//2:3
//2:4
//2:5

2、所有的事件綁定都是異步編程

for 循環(huán)執(zhí)行完成后才會(huì)走綁定事件

for(var i = 0;i < oLis[i].length;i++) {
    oLis[i].onclick = funciton() {
        changeEvent(i);//i永遠(yuǎn)是最后一個(gè)
    }
    
}

3、ajax異步讀取數(shù)據(jù)時(shí) 4、通過(guò)回調(diào)函數(shù)實(shí)現(xiàn)異步

通過(guò)ajax和setTimeout輔助實(shí)現(xiàn)

//jquery中的$.get方法等...
$.get("url", function(p) {
 //some
});
//借助于setTimeout、setInterval
function f1(callback){ 
   setTimeout(function () { 　　　　　　
  // f1的任務(wù)代碼 　　　　　
  callback(); // step3 　　　　
}, 1000); 　　
}
f1();//setep1
console.log("x");//step2

如果該調(diào)用需要耗費(fèi)很多時(shí)間,執(zhí)行隊(duì)列就會(huì)因等待而阻塞,采用回調(diào)函數(shù),執(zhí)行隊(duì)列繼續(xù)進(jìn)行,等到調(diào)用結(jié)束,通過(guò)調(diào)用回調(diào)函數(shù)的方式,通知執(zhí)行隊(duì)列,處理執(zhí)行結(jié)果.