setTimeout用法 & 任務(wù)隊(duì)列異步函數(shù)節(jié)流

第 1 題:下面這段代碼輸出結(jié)果是? 為什么?

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);

結(jié)果:
1
3
2
原因:因?yàn)?setTimeout 指定的函數(shù)必須等到本次執(zhí)行的所有代碼都執(zhí)行完才會(huì)執(zhí)行。
setTimeout和setInterval的運(yùn)行機(jī)制是,將指定的代碼移出本次執(zhí)行,等到下一輪Event Loop時(shí),再檢查是否到了指定時(shí)間。如果到了,就執(zhí)行對(duì)應(yīng)的代碼;如果不到,就等到再下一輪Event Loop時(shí)重新判斷。這意味著,setTimeout指定的代碼,必須等到本次執(zhí)行的所有代碼都執(zhí)行完,才會(huì)執(zhí)行。


下面這段代碼輸出結(jié)果是? 為什么?

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);

不會(huì)進(jìn)行輸出。因?yàn)橄葓?zhí)行死循環(huán)不進(jìn)入下一次Event Loop。


實(shí)現(xiàn)一個(gè)節(jié)流函數(shù)。

   var timer;
  function hiFrequency(){
      if(timer){//假如已經(jīng)在計(jì)時(shí)那么久先清除計(jì)數(shù)器
          clearTimeout(timer)
      }
        timer = setTimeout(function(){
             console.log('do something')
        }, 300)
  }

  hiFrequency()
  hiFrequency()
  hiFrequency()

簡(jiǎn)單解釋單線(xiàn)程、任務(wù)隊(duì)列的概念。

單線(xiàn)程:相當(dāng)于只有一個(gè)人做事,而不是多人合作。一個(gè)人一個(gè)一個(gè)地執(zhí)行任務(wù),其他任務(wù)都必須在后面排隊(duì)等待。不會(huì)出現(xiàn)多人可能同時(shí)做了一個(gè)任務(wù)并且同時(shí)執(zhí)行完成但結(jié)果又不同的復(fù)雜情況。

任務(wù)隊(duì)列:主線(xiàn)程全部執(zhí)行完成之后就會(huì)查看任務(wù)隊(duì)列里的異步任務(wù),滿(mǎn)足條件時(shí)就執(zhí)行。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容