說到j(luò)s的單線程(single threaded)和異步(asynchronous),很多同學(xué)不禁會想,這不是自相矛盾么?其實(shí),單線程和異步確實(shí)不能同時成為一個語言的特性。js選擇了成為單線程的語言,所以它本身不可能是異步的,但js的宿主環(huán)境(比如瀏覽器,Node)是多線程的,宿主環(huán)境通過某種方式(事件驅(qū)動,下文會講)使得js具備了異步的屬性。往下看,你會發(fā)現(xiàn)js的機(jī)制是多么的簡單高效!
說說瀏覽器
js是單線程語言,瀏覽器只分配給js一個主線程,用來執(zhí)行任務(wù)(函數(shù)),但一次只能執(zhí)行一個任務(wù),這些任務(wù)形成一個任務(wù)隊(duì)列排隊(duì)等候執(zhí)行,但前端的某些任務(wù)是非常耗時的,比如網(wǎng)絡(luò)請求,定時器和事件監(jiān)聽,如果讓他們和別的任務(wù)一樣,都老老實(shí)實(shí)的排隊(duì)等待執(zhí)行的話,執(zhí)行效率會非常的低,甚至導(dǎo)致頁面的假死。所以,瀏覽器為這些耗時任務(wù)開辟了另外的線程,主要包括http請求線程,瀏覽器定時觸發(fā)器,瀏覽器事件觸發(fā)線程,這些任務(wù)是異步的。下圖說明了瀏覽器的主要線程。
圖片來自popAnt 畫得太好,忍不住引過來 (http://blog.csdn.net/kfanning/article/details/5768776)
再說說任務(wù)隊(duì)列
剛才說到瀏覽器為網(wǎng)絡(luò)請求這樣的異步任務(wù)單獨(dú)開了一個線程,那么問題來了,這些異步任務(wù)完成后,主線程怎么知道呢?答案就是回調(diào)函數(shù),整個程序是事件驅(qū)動的,每個事件都會綁定相應(yīng)的回調(diào)函數(shù),舉個栗子,有段代碼設(shè)置了一個定時器
setTimeout(function(){
console.log(time is out);
},50);
執(zhí)行這段代碼的時候,瀏覽器異步執(zhí)行計時操作,當(dāng)50ms到了后,會觸發(fā)定時事件,這個時候,就會把回調(diào)函數(shù)放到任務(wù)隊(duì)列里。整個程序就是通過這樣的一個個事件驅(qū)動起來的。
所以說,js是一直是單線程的,瀏覽器才是實(shí)現(xiàn)異步的那個家伙。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
