亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Javascript系列之javascript機(jī)制

13651657101 / 1221人閱讀

摘要：異步任務(wù)必須指定回調(diào)函數(shù)，當(dāng)異步任務(wù)從任務(wù)隊(duì)列回到執(zhí)行棧，回調(diào)函數(shù)就會(huì)執(zhí)行。事件循環(huán)主線程從任務(wù)隊(duì)列中讀取事件，這個(gè)過(guò)程是循環(huán)不斷的，所以整個(gè)的這種運(yùn)行機(jī)制又稱為。事件循環(huán)事件循環(huán)是指主線程重復(fù)從消息隊(duì)列中取消息執(zhí)行的過(guò)程。

參考鏈接：
這一次，徹底弄懂 JavaScript 執(zhí)行機(jī)制
https://zhuanlan.zhihu.com/p/...
從瀏覽器多進(jìn)程到JS單線程，JS運(yùn)行機(jī)制最全面的一次梳理

JavaScript運(yùn)行

JavaScript引擎是單線程運(yùn)行的,瀏覽器無(wú)論在什么時(shí)候都只且只有一個(gè)線程在運(yùn)行JavaScript程序.瀏覽器的內(nèi)核是多線程的，它們?cè)趦?nèi)核制控下相互配合以保持同步，一個(gè)瀏覽器至少實(shí)現(xiàn)三個(gè)常駐線程：javascript引擎線程，GUI渲染線程，瀏覽器事件觸發(fā)線程。這些異步線程都會(huì)產(chǎn)生不同的異步的事件.

javascript引擎是基于事件驅(qū)動(dòng)單線程執(zhí)行的，JS引擎一直等待著任務(wù)隊(duì)列中任務(wù)的到來(lái)，然后加以處理，瀏覽器無(wú)論什么時(shí)候都只有一個(gè)JS線程在運(yùn)行JS程序。

GUI渲染線程負(fù)責(zé)渲染瀏覽器界面，當(dāng)界面需要重繪（Repaint）或由于某種操作引發(fā)回流(reflow)時(shí),該線程就會(huì)執(zhí)行。但需要注意 GUI渲染線程與JS引擎是互斥的，當(dāng)JS引擎執(zhí)行時(shí)GUI線程會(huì)被掛起，GUI更新會(huì)被保存在一個(gè)隊(duì)列中等到JS引擎空閑時(shí)立即被執(zhí)行。

事件觸發(fā)線程，當(dāng)一個(gè)事件被觸發(fā)時(shí)該線程會(huì)把事件添加到待處理隊(duì)列的隊(duì)尾，等待JS引擎的處理。這些事件可來(lái)自JavaScript引擎當(dāng)前執(zhí)行的代碼塊如setTimeOut、也可來(lái)自瀏覽器內(nèi)核的其他線程如鼠標(biāo)點(diǎn)擊、AJAX異步請(qǐng)求等，但由于JS的單線程關(guān)系所有這些事件都得排隊(duì)等待JS引擎處理。（當(dāng)線程中沒(méi)有執(zhí)行任何同步代碼的前提下才會(huì)執(zhí)行異步代碼）

JavaScript運(yùn)行機(jī)制

程序中跑兩個(gè)線程，一個(gè)負(fù)責(zé)程序本身的運(yùn)行，作為主線程； 另一個(gè)負(fù)責(zé)主線程與其他線程的的通信，被稱為“Event Loop 線程" 。每當(dāng)遇到異步任務(wù)，交給 EventLoop 線程，然后自己往后運(yùn)行，等到主線程運(yùn)行完后，再去 EventLoop 線程拿結(jié)果。

1）所有任務(wù)都在主線程上執(zhí)行，形成一個(gè)執(zhí)行棧（execution context stack）。

2）主線程之外，還存在一個(gè)"任務(wù)隊(duì)列"（task queue）。系統(tǒng)把異步任務(wù)放到"任務(wù)隊(duì)列"之中，然后繼續(xù)執(zhí)行后續(xù)的任務(wù)。

3）一旦"執(zhí)行棧"中的所有任務(wù)執(zhí)行完畢，系統(tǒng)就會(huì)讀取"任務(wù)隊(duì)列"。如果這個(gè)時(shí)候，異步任務(wù)已經(jīng)結(jié)束了等待狀態(tài)，就會(huì)從"任務(wù)隊(duì)列"進(jìn)入執(zhí)行棧，恢復(fù)執(zhí)行。

4）主線程不斷重復(fù)上面的第三步。

"回調(diào)函數(shù)"（callback），就是那些會(huì)被主線程掛起來(lái)的代碼。異步任務(wù)必須指定回調(diào)函數(shù)，當(dāng)異步任務(wù)從"任務(wù)隊(duì)列"回到執(zhí)行棧，回調(diào)函數(shù)就會(huì)執(zhí)行。"任務(wù)隊(duì)列"是一個(gè)先進(jìn)先出的數(shù)據(jù)結(jié)構(gòu)，排在前面的事件，優(yōu)先返回主線程。主線程的讀取過(guò)程基本上是自動(dòng)的，只要執(zhí)行棧一清空，"任務(wù)隊(duì)列"上第一位的事件就自動(dòng)返回主線程。

Event Loop（事件循環(huán))

主線程從"任務(wù)隊(duì)列"中讀取事件，這個(gè)過(guò)程是循環(huán)不斷的，所以整個(gè)的這種運(yùn)行機(jī)制又稱為Event Loop。
Event Loop 是一個(gè)很重要的概念，指的是計(jì)算機(jī)系統(tǒng)的一種運(yùn)行機(jī)制。JavaScript語(yǔ)言就采用這種機(jī)制，來(lái)解決單線程運(yùn)行帶來(lái)的一些問(wèn)題。

javascript是單線程的，這個(gè)線程中擁有唯一的一個(gè)事件循環(huán)。
JavaScript代碼的執(zhí)行過(guò)程中，除了依靠函數(shù)調(diào)用棧來(lái)搞定函數(shù)的執(zhí)行順序外，還依靠任務(wù)隊(duì)列(task queue)來(lái)搞定另外一些代碼的執(zhí)行。
一個(gè)線程中，事件循環(huán)是唯一的，但是任務(wù)隊(duì)列可以擁有多個(gè)。
異步setTimeout & setInterval 概念

setTimeout：在指定的毫秒數(shù)后，將定時(shí)任務(wù)處理的函數(shù)添加到執(zhí)行隊(duì)列的隊(duì)尾。
setInterval：按照指定的周期(以毫秒數(shù)計(jì)時(shí))，將定時(shí)任務(wù)處理函數(shù)添加到執(zhí)行隊(duì)列的隊(duì)尾。

從主線程的角度看，一個(gè)異步過(guò)程包括下面兩個(gè)要素：

發(fā)起函數(shù)(或叫注冊(cè)函數(shù))A

回調(diào)函數(shù)callbackFn

它們都是在主線程上調(diào)用的，其中注冊(cè)函數(shù)用來(lái)發(fā)起異步過(guò)程，回調(diào)函數(shù)用來(lái)處理結(jié)果。

例如setTimeout(fn, 1000)，其中的setTimeout就是異步過(guò)程的發(fā)起函數(shù)，fn是回調(diào)函數(shù)。用一句話概括：工作線程將消息放到消息隊(duì)列，主線程通過(guò)事件循環(huán)過(guò)程去取消息。

消息隊(duì)列：消息隊(duì)列是一個(gè)先進(jìn)先出的隊(duì)列，它里面存放著各種消息。

事件循環(huán)：事件循環(huán)是指主線程重復(fù)從消息隊(duì)列中取消息、執(zhí)行的過(guò)程。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/93792.html

相關(guān)文章

  • JS筆記

    摘要：從最開(kāi)始的到封裝后的都在試圖解決異步編程過(guò)程中的問(wèn)題。為了讓編程更美好，我們就需要引入來(lái)降低異步編程的復(fù)雜性。異步編程入門(mén)的全稱是前端經(jīng)典面試題從輸入到頁(yè)面加載發(fā)生了什么這是一篇開(kāi)發(fā)的科普類文章，涉及到優(yōu)化等多個(gè)方面。 TypeScript 入門(mén)教程 從 JavaScript 程序員的角度總結(jié)思考，循序漸進(jìn)的理解 TypeScript。 網(wǎng)絡(luò)基礎(chǔ)知識(shí)之 HTTP 協(xié)議 詳細(xì)介紹 HTT...

    rottengeek 評(píng)論0 收藏0

  • JS系列之目錄

    摘要：設(shè)計(jì)模式資源整理操作符小知識(shí)點(diǎn)實(shí)現(xiàn)發(fā)郵件功能數(shù)據(jù)結(jié)構(gòu)與算法資源整理跨域函數(shù)的合成與柯里化系列之防抖節(jié)流系列之正則系列之系列之系列之編碼系列之系列之操作符對(duì)象中的坐標(biāo)檢測(cè)對(duì)象或數(shù)組系列之機(jī)制系列之構(gòu)造對(duì)象系列之總結(jié)系列之淺復(fù)制與深復(fù)制系列之對(duì) Javascript設(shè)計(jì)模式資源整理JS操作符JS小知識(shí)點(diǎn)JS實(shí)現(xiàn)發(fā)郵件功能數(shù)據(jù)結(jié)構(gòu)與算法資源整理跨域函數(shù)的合成與柯里化JS系列之防抖節(jié)流JS系列...

    AaronYuan 評(píng)論0 收藏0

  • 類的加載機(jī)制 - 收藏集 - 掘金

    摘要：是現(xiàn)在廣泛流行的代從開(kāi)始學(xué)習(xí)系列之向提交代碼掘金讀完本文大概需要分鐘。為了進(jìn)行高效的垃圾回收，虛擬機(jī)把堆內(nèi)存劃分成新生代老年代和永久代中無(wú)永久代，使用實(shí)現(xiàn)三塊區(qū)域。 React Native 開(kāi)源項(xiàng)目 - 仿美團(tuán)客戶端 (Android、iOS 雙適配) - Android - 掘金推薦 React Native 學(xué)習(xí)好項(xiàng)目，仿照美團(tuán)客戶端... 極簡(jiǎn) GitHub 上手教程 - 工具...

    Gilbertat 評(píng)論0 收藏0

  • javascript知識(shí)點(diǎn)

    摘要：模塊化是隨著前端技術(shù)的發(fā)展，前端代碼爆炸式增長(zhǎng)后，工程化所采取的必然措施。目前模塊化的思想分為和。特別指出，事件不等同于異步，回調(diào)也不等同于異步。將會(huì)討論安全的類型檢測(cè)惰性載入函數(shù)凍結(jié)對(duì)象定時(shí)器等話題。 Vue.js 前后端同構(gòu)方案之準(zhǔn)備篇——代碼優(yōu)化 目前 Vue.js 的火爆不亞于當(dāng)初的 React，本人對(duì)寫(xiě)代碼有潔癖，代碼也是藝術(shù)。此篇是準(zhǔn)備篇，工欲善其事，必先利其器。我們先在代...

    Karrdy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<