說到j(luò)s的單線程(single threaded)和異步(asynchronous),很多同學(xué)不禁會想,這不是自相矛盾么?其實(shí),單線程和異步確實(shí)不能同時(shí)成為一個(gè)語言的特性。js選擇了成為單線程的語言,所以它本身不可能是異步的,但js的宿主環(huán)境(比如瀏覽器,Node)是多線程的,宿主環(huán)境通過某種方式(事件驅(qū)動,下文會講)使得js具備了異步的屬性。往下看,你會發(fā)現(xiàn)js的機(jī)制是多么的簡單高效!
說說瀏覽器
js是單線程語言,瀏覽器只分配給js一個(gè)主線程,用來執(zhí)行任務(wù)(函數(shù)),但一次只能執(zhí)行一個(gè)任務(wù),這些任務(wù)形成一個(gè)任務(wù)隊(duì)列排隊(duì)等候執(zhí)行,但前端的某些任務(wù)是非常耗時(shí)的,比如網(wǎng)絡(luò)請求,定時(shí)器和事件監(jiān)聽,如果讓他們和別的任務(wù)一樣,都老老實(shí)實(shí)的排隊(duì)等待執(zhí)行的話,執(zhí)行效率會非常的低,甚至導(dǎo)致頁面的假死。所以,瀏覽器為這些耗時(shí)任務(wù)開辟了另外的線程,主要包括http請求線程,瀏覽器定時(shí)觸發(fā)器,瀏覽器事件觸發(fā)線程,這些任務(wù)是異步的。下圖說明了瀏覽器的主要線程。
圖片來自popAnt 畫得太好,忍不住引過來 (http://blog.csdn.net/kfanning/article/details/5768776)
再說說任務(wù)隊(duì)列
剛才說到瀏覽器為網(wǎng)絡(luò)請求這樣的異步任務(wù)單獨(dú)開了一個(gè)線程,那么問題來了,這些異步任務(wù)完成后,主線程怎么知道呢?答案就是回調(diào)函數(shù),整個(gè)程序是事件驅(qū)動的,每個(gè)事件都會綁定相應(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到了后,會觸發(fā)定時(shí)事件,這個(gè)時(shí)候,就會把回調(diào)函數(shù)放到任務(wù)隊(duì)列里。整個(gè)程序就是通過這樣的一個(gè)個(gè)事件驅(qū)動起來的。
所以說,js是一直是單線程的,瀏覽器才是實(shí)現(xiàn)異步的那個(gè)家伙。