說(shuō)到j(luò)s的單線(xiàn)程(single threaded)和異步(asynchronous),很多同學(xué)不禁會(huì)想,這不是自相矛盾么?其實(shí),單線(xiàn)程和異步確實(shí)不能同時(shí)成為一個(gè)語(yǔ)言的特性。js選擇了成為單線(xiàn)程的語(yǔ)言,所以它本身不可能是異步的,但js的宿主環(huán)境(比如瀏覽器,Node)是多線(xiàn)程的,宿主環(huán)境通過(guò)某種方式(事件驅(qū)動(dòng),下文會(huì)講)使得js具備了異步的屬性。往下看,你會(huì)發(fā)現(xiàn)js的機(jī)制是多么的簡(jiǎn)單高效!

說(shuō)說(shuō)瀏覽器

js是單線(xiàn)程語(yǔ)言,瀏覽器只分配給js一個(gè)主線(xiàn)程,用來(lái)執(zhí)行任務(wù)(函數(shù)),但一次只能執(zhí)行一個(gè)任務(wù),這些任務(wù)形成一個(gè)任務(wù)隊(duì)列排隊(duì)等候執(zhí)行,但前端的某些任務(wù)是非常耗時(shí)的,比如網(wǎng)絡(luò)請(qǐng)求,定時(shí)器和事件監(jiān)聽(tīng),如果讓他們和別的任務(wù)一樣,都老老實(shí)實(shí)的排隊(duì)等待執(zhí)行的話(huà),執(zhí)行效率會(huì)非常的低,甚至導(dǎo)致頁(yè)面的假死。所以,瀏覽器為這些耗時(shí)任務(wù)開(kāi)辟了另外的線(xiàn)程,主要包括http請(qǐng)求線(xiàn)程,瀏覽器定時(shí)觸發(fā)器,瀏覽器事件觸發(fā)線(xiàn)程,這些任務(wù)是異步的。下圖說(shuō)明了瀏覽器的主要線(xiàn)程。

圖片來(lái)自popAnt 畫(huà)得太好,忍不住引過(guò)來(lái) (http://blog.csdn.net/kfanning/article/details/5768776

再說(shuō)說(shuō)任務(wù)隊(duì)列

剛才說(shuō)到瀏覽器為網(wǎng)絡(luò)請(qǐng)求這樣的異步任務(wù)單獨(dú)開(kāi)了一個(gè)線(xiàn)程,那么問(wèn)題來(lái)了,這些異步任務(wù)完成后,主線(xiàn)程怎么知道呢?答案就是回調(diào)函數(shù),整個(gè)程序是事件驅(qū)動(dòng)的,每個(gè)事件都會(huì)綁定相應(yīng)的回調(diào)函數(shù),舉個(gè)栗子,有段代碼設(shè)置了一個(gè)定時(shí)器

setTimeout(function(){
    console.log(time is out);
},50);

執(zhí)行這段代碼的時(shí)候,瀏覽器異步執(zhí)行計(jì)時(shí)操作,當(dāng)50ms到了后,會(huì)觸發(fā)定時(shí)事件,這個(gè)時(shí)候,就會(huì)把回調(diào)函數(shù)放到任務(wù)隊(duì)列里。整個(gè)程序就是通過(guò)這樣的一個(gè)個(gè)事件驅(qū)動(dòng)起來(lái)的。
所以說(shuō),js是一直是單線(xiàn)程的,瀏覽器才是實(shí)現(xiàn)異步的那個(gè)家伙。

網(wǎng)友評(píng)論