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