單線程
單線程執(zhí)行順序就是從上到下依次執(zhí)行,同一時間內(nèi)只能有一段代碼被執(zhí)行。
雖然JavaScript是單線程的,可是瀏覽器內(nèi)部不是單線程的。你的一些I/O操作、定時器的計時和事件監(jiān)聽(click, keydown…)等都是由瀏覽器提供的其他線程來完成的。
如果想利用多線程處理一些耗時較長的任務(wù),可以使用HTML5提出的Web Worker。
一個js程序的單線程用來執(zhí)行棧中的同步任務(wù),當所有同步任務(wù)執(zhí)行完畢后,棧被清空,然后讀取任務(wù)隊列中的一個待處理任務(wù),并把相關(guān)回調(diào)函數(shù)壓入棧中,單線程開始執(zhí)行新的同步任務(wù),執(zhí)行完畢。
單線程從任務(wù)隊列中讀取任務(wù)是不斷循環(huán)的,每次棧被清空后,都會在任務(wù)隊列中讀取新的任務(wù),如果沒有新的任務(wù),就會等待,直到有新的任務(wù),這就叫任務(wù)循環(huán)。因為每個任務(wù)都由一個事件所觸發(fā),所以也叫事件循環(huán)。
異步
拿ajax來說,當頁面的單線程執(zhí)行xhr.send()之后,對于頁面來說發(fā)送任務(wù)已經(jīng)完成了。
怎么發(fā)送,那是瀏覽器的事,和單線程無關(guān);什么時候響應(yīng),這事說不準。
為了及時地得到響應(yīng)的內(nèi)容,在單線程中注冊相應(yīng)的事件就好xhr.onreadystatechange = fn() {...}。注冊之后,瀏覽器會在內(nèi)部的其他線程中自動地幫我們監(jiān)聽該事件。直到該事件被觸發(fā),瀏覽器會在任務(wù)隊列中添加一個任務(wù)等待該單線程執(zhí)行。
定時器
setTimeout的作用是在間隔一定的時間后,將回調(diào)函數(shù)插入任務(wù)隊列中,等棧中的同步任務(wù)都執(zhí)行完畢后,再執(zhí)行。因為棧中的同步任務(wù)也會耗時,所以間隔的時間一般會大于等于指定的時間。
setTimeout(fn, 0)的意思是,將回調(diào)函數(shù)fn立刻插入任務(wù)隊列,等待執(zhí)行,而不是立即執(zhí)行。看一個例子:
setTimeout(function() {
console.log("a")
}, 0)
for(let i=0; i<10000; i++) {}
console.log("b")
// 結(jié)果:b a
打印結(jié)果表明回調(diào)函數(shù)并沒有立刻執(zhí)行,而是等待棧中的任務(wù)執(zhí)行完畢后才執(zhí)行的。棧中的任務(wù)執(zhí)行多久,它就得等多久。
ps: JavaScript單線程和其異步機制就如上所述。
所謂的單線程并不孤單,它的背后有瀏覽器的其他線程為其服務(wù),其異步也得靠其他線程來監(jiān)聽事件的響應(yīng),并將回調(diào)函數(shù)推入到任務(wù)隊列等待執(zhí)行。單線程所做的就是執(zhí)行棧中的同步任務(wù),執(zhí)行完畢后,再從任務(wù)隊列中取出一個事件(沒有事件的話,就等待事件),然后開始執(zhí)行棧中相關(guān)的同步任務(wù),不斷的這樣循環(huán)。
參考資料:* 并發(fā)模型與Event Loop