欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript Event Loop相關(guān)原理解析

 更新時間:2020年06月10日 11:20:30   作者:重科前端小鑫  
這篇文章主要介紹了JavaScript Event Loop相關(guān)原理解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

1.單線程模型

單線程模型指的是,JavaScript只能在一個線程上運(yùn)行,也就是說只能同時指向一個任務(wù),其他任務(wù)都必須在后面排隊(duì)等待。注意:雖然JavaScript只在一個線程上運(yùn)行,但并不代碼JavaScript引擎只有一個線程。事實(shí)上,JavaScript引擎有多個線程,單個腳本只能在一個線程上運(yùn)行(主線程),其他線程都是在后臺配合。

JavaScript為什么要采用單線程,而不是多線程?

不想讓瀏覽器變得復(fù)雜(避免復(fù)雜性),因?yàn)槎嗑€程需要共享資源、且可能修改彼此運(yùn)行的結(jié)果。

該模式會導(dǎo)致的問題?

如果單個任務(wù)耗時長,會拖延整個程序的執(zhí)行,可能導(dǎo)致瀏覽器無響應(yīng)(假死)

JavaScript是如何解決這個問題的?

因?yàn)閱尉€程的原因,CPU很多時候都閑著的,并且因?yàn)镮O操作(輸入輸出)很慢(比如Ajax操作從網(wǎng)絡(luò)讀取數(shù)據(jù)),這時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ù)。只有前一個任務(wù)執(zhí)行完畢,才能執(zhí)行后一個任務(wù)。

異步任務(wù):被引擎放一邊、不進(jìn)行主線程、而進(jìn)入任務(wù)隊(duì)列的任務(wù)。只有引擎認(rèn)為某個異步任務(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)行時,除了一個正在運(yùn)行的主線程(又稱為“調(diào)用棧(call stack)”),引擎還提供了一個任務(wù)隊(duì)列(task queue),里面是各種需要處理當(dāng)前程序處理的異步任務(wù)。(實(shí)際上,根據(jù)異步任務(wù)的類型,存在多個任務(wù)隊(duì)列,后面再詳講)

1.主線程會去執(zhí)行所有的同步任務(wù)。

2.等到同步任務(wù)全部執(zhí)行完,查看任務(wù)隊(duì)列中的異步任務(wù),將滿足條件的重新進(jìn)入主線程開始執(zhí)行,這時候就變成同步任務(wù)。

3.等任務(wù)執(zhí)行完,下一個異步任務(wù)再進(jìn)入主線程開始執(zhí)行。

4.引擎不停檢查(“事件循環(huán)”),一旦任務(wù)隊(duì)列清空,程序就結(jié)束執(zhí)行。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論