小編這次要給大家分享的是詳解JavaScript中Event Loop相關(guān)原理,文章內(nèi)容豐富,感興趣的小伙伴可以來了解一下,希望大家閱讀完這篇文章之后能夠有所收獲。
建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計(jì)師等,應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計(jì)技術(shù)配合操作的協(xié)同工作。創(chuàng)新互聯(lián)專業(yè)提供成都網(wǎng)站制作、網(wǎng)站建設(shè),網(wǎng)頁設(shè)計(jì),網(wǎng)站制作(企業(yè)站、成都響應(yīng)式網(wǎng)站建設(shè)、電商門戶網(wǎng)站)等服務(wù),從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗(yàn)的提升,我們力求做到極致!
1.單線程模型
單線程模型指的是,JavaScript只能在一個(gè)線程上運(yùn)行,也就是說只能同時(shí)指向一個(gè)任務(wù),其他任務(wù)都必須在后面排隊(duì)等待。注意:雖然JavaScript只在一個(gè)線程上運(yùn)行,但并不代碼JavaScript引擎只有一個(gè)線程。事實(shí)上,JavaScript引擎有多個(gè)線程,單個(gè)腳本只能在一個(gè)線程上運(yùn)行(主線程),其他線程都是在后臺配合。
JavaScript為什么要采用單線程,而不是多線程?
不想讓瀏覽器變得復(fù)雜(避免復(fù)雜性),因?yàn)槎嗑€程需要共享資源、且可能修改彼此運(yùn)行的結(jié)果。
該模式會導(dǎo)致的問題?
如果單個(gè)任務(wù)耗時(shí)長,會拖延整個(gè)程序的執(zhí)行,可能導(dǎo)致瀏覽器無響應(yīng)(假死)
JavaScript是如何解決這個(gè)問題的?
因?yàn)閱尉€程的原因,CPU很多時(shí)候都閑著的,并且因?yàn)镮O操作(輸入輸出)很慢(比如Ajax操作從網(wǎng)絡(luò)讀取數(shù)據(jù)),這時(shí)CPU可以完全不管IO操作,掛起等待中的任務(wù),先運(yùn)行排在后面的任務(wù)。等到IO操作返回了結(jié)果,再回過頭,把掛起的任務(wù)繼續(xù)執(zhí)行下去。這種機(jī)制就是JavaScript內(nèi)部采用的“事件循環(huán)”機(jī)制(Event Loop)
2.同步任務(wù)和異步任務(wù)
程序里面所有的任務(wù),可以分成兩類:同步任務(wù)(synchronous)和異步任務(wù)(asynchronous)
同步任務(wù):沒有被引擎掛起、在主線程上排隊(duì)執(zhí)行的任務(wù)。只有前一個(gè)任務(wù)執(zhí)行完畢,才能執(zhí)行后一個(gè)任務(wù)。
異步任務(wù):被引擎放一邊、不進(jìn)行主線程、而進(jìn)入任務(wù)隊(duì)列的任務(wù)。只有引擎認(rèn)為某個(gè)異步任務(wù)可以執(zhí)行了(比如Ajax操作從服務(wù)器得到了結(jié)果),那么該任務(wù)(通過回調(diào)函數(shù)的形式)才能進(jìn)入主線程執(zhí)行。排在異步任務(wù)后面的代碼,不用等到異步任務(wù)結(jié)束就會馬上運(yùn)行,也就是說,異步任務(wù)不具有“堵塞”效應(yīng)
3.任務(wù)隊(duì)列和事件循環(huán)
JavaScript運(yùn)行時(shí),除了一個(gè)正在運(yùn)行的主線程(又稱為“調(diào)用棧(call stack)”),引擎還提供了一個(gè)任務(wù)隊(duì)列(task queue),里面是各種需要處理當(dāng)前程序處理的異步任務(wù)。(實(shí)際上,根據(jù)異步任務(wù)的類型,存在多個(gè)任務(wù)隊(duì)列,后面再詳講)
1.主線程會去執(zhí)行所有的同步任務(wù)。
2.等到同步任務(wù)全部執(zhí)行完,查看任務(wù)隊(duì)列中的異步任務(wù),將滿足條件的重新進(jìn)入主線程開始執(zhí)行,這時(shí)候就變成同步任務(wù)。
3.等任務(wù)執(zhí)行完,下一個(gè)異步任務(wù)再進(jìn)入主線程開始執(zhí)行。
4.引擎不停檢查(“事件循環(huán)”),一旦任務(wù)隊(duì)列清空,程序就結(jié)束執(zhí)行。
看完這篇關(guān)于詳解JavaScript中Event Loop相關(guān)原理的文章,如果覺得文章內(nèi)容寫得不錯(cuò)的話,可以把它分享出去給更多人看到。