js執(zhí)行機(jī)制

daydream 發(fā)布于2019-08-26 12:12 / 1484人閱讀

摘要：一旦異步任務(wù)指定的事情完成過后，其對應(yīng)的回調(diào)函數(shù)移入。事件完成，回調(diào)函數(shù)進(jìn)入。主線程為空過后，主線程從讀取回調(diào)函數(shù)并執(zhí)行這張圖告訴我們我們對任務(wù)有更精細(xì)的定義宏任務(wù)包括整體代碼，，微任務(wù)，不同類型的任務(wù)會進(jìn)入對應(yīng)的，比如和會進(jìn)入相同的。

javascript是單線程語言，所以javascript是按照語句出現(xiàn)的順序執(zhí)行的。既然javascript是單線程語言，那么js任務(wù)也要一個一個順序執(zhí)行。如果一個任務(wù)耗時過長，那么后一個任務(wù)也必須等著。這樣不利于開發(fā)，所以需要將任務(wù)分為兩類：1、同步任務(wù)；2、異步任務(wù)；

這張圖片告訴我們：
1、分清楚什么是同步任務(wù)、哪個是異步任務(wù)，同步任務(wù)和異步任務(wù)進(jìn)入不同的場所，同步任務(wù)進(jìn)入主流程棧中，異步的進(jìn)入Event Table并注冊函數(shù)。
2、一旦異步任務(wù)指定的事情完成過后，其對應(yīng)的回調(diào)函數(shù)移入Event Queue。
3、主線程內(nèi)的任務(wù)執(zhí)行完畢為空，會去Event Queue讀取對應(yīng)的函數(shù)，進(jìn)入主線程執(zhí)行
4、上述過程會不斷重復(fù)，也就是常說的Event Loop(事件循環(huán))（事件循環(huán)根據(jù)判斷宏任務(wù)是否執(zhí)行結(jié)束）
例子1：
let data = [];
$.ajax({

url:www.javascript.com,
data:data,
success:() => {
    console.log("發(fā)送成功!");
}

})
console.log("代碼執(zhí)行結(jié)束");
分析：
1、ajax進(jìn)入Event Table，注冊回調(diào)函數(shù)success
2、ajax是異步任務(wù)，同步任務(wù)console.log("代碼執(zhí)行結(jié)束")會掛到主線程上執(zhí)行。
3、ajax事件完成，回調(diào)函數(shù)success進(jìn)入Event Queue。
4、主線程為空過后，主線程從Event Queue讀取回調(diào)函數(shù)success并執(zhí)行

這張圖告訴我們：
1、我們對任務(wù)有更精細(xì)的定義：
macro-task(宏任務(wù))：包括整體代碼script，setTimeout，setInterval
micro-task(微任務(wù))：Promise，process.nextTick
不同類型的任務(wù)會進(jìn)入對應(yīng)的Event Queue，比如setTimeout和setInterval會進(jìn)入相同的Event Queue。
2、進(jìn)入整體代碼(宏任務(wù))（同步任務(wù)）后，開始第一次循環(huán)。接著執(zhí)行所有的微任務(wù)。然后再次從宏任務(wù)開始，找到其中一個任務(wù)隊列執(zhí)行完畢，再執(zhí)行所有的微任務(wù)
作者：ssssyoki
鏈接：https://juejin.im/post/59e85e...
來源：掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。

云服務(wù)器 GPU云服務(wù)器 js執(zhí)行機(jī)制執(zhí)行機(jī)制 php執(zhí)行的機(jī)制原理 JS調(diào)用棧機(jī)制

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108206.html

相關(guān)文章

10分鐘理解JS引擎的執(zhí)行機(jī)制

摘要：深入理解引擎的執(zhí)行機(jī)制靈魂三問為什么是單線程的為什么需要異步單線程又是如何實(shí)現(xiàn)異步的呢中的中的說說首先請牢記點(diǎn)是單線程語言的是的執(zhí)行機(jī)制。深入理解JS引擎的執(zhí)行機(jī)制 1.靈魂三問 : JS為什么是單線程的? 為什么需要異步? 單線程又是如何實(shí)現(xiàn)異步的呢? 2.JS中的event loop(1) 3.JS中的event loop(2) 4.說說setTimeout 首先,請牢記2...

zzbo 2019-08-26 17:04 評論0 收藏0
深入理解js引擎的執(zhí)行機(jī)制

摘要：深入理解引擎的執(zhí)行機(jī)制最近在反省，很多知識都是只會用，不理解底層的知識。在閱讀之前，請先記住兩點(diǎn)是單線程語言的是的執(zhí)行機(jī)制。所以，是存在異步執(zhí)行的，比如單線程是怎么實(shí)現(xiàn)異步的場景描述通過事件循環(huán)，所以說，理解了機(jī)制，也就理解了的執(zhí)行機(jī)制啦。深入理解js引擎的執(zhí)行機(jī)制最近在反省，很多知識都是只會用，不理解底層的知識。所以在開發(fā)過程中遇到一些奇怪的比較難解決的bug，在思考的時候就會收...

feng409 2019-08-22 15:29 評論0 收藏0
前端進(jìn)階系列(八):JS執(zhí)行機(jī)制

摘要：一直以來，對的執(zhí)行機(jī)制都是模棱兩可，知道今天看了文章這一次，徹底弄懂執(zhí)行機(jī)制和的規(guī)范和實(shí)現(xiàn)，才對的執(zhí)行機(jī)制有了深入的理解，下面是我的學(xué)習(xí)總結(jié)。個要點(diǎn)是單線程語言是的執(zhí)行機(jī)制，為了實(shí)現(xiàn)主線程的不阻塞，就這么誕生了。一直以來，對JS的執(zhí)行機(jī)制都是模棱兩可，知道今天看了文章—《這一次，徹底弄懂JavaScript執(zhí)行機(jī)制》和《Event Loop的規(guī)范和實(shí)現(xiàn)》，才對JS的執(zhí)行機(jī)制有了深入的...

JackJiang 2019-08-23 12:25 評論0 收藏0
Event Loop - JS執(zhí)行機(jī)制

摘要：心塞塞根據(jù)規(guī)范，事件循環(huán)是通過任務(wù)隊列的機(jī)制來進(jìn)行協(xié)調(diào)的。等便是任務(wù)源，而進(jìn)入任務(wù)隊列的是他們指定的具體執(zhí)行任務(wù)回調(diào)函數(shù)。然后當(dāng)前本輪的結(jié)束，主線程可以繼續(xù)取下一個執(zhí)行。依然是：經(jīng)濟(jì)基礎(chǔ)決定上層建筑。說明首先，旨在搞清常用的同步異步執(zhí)行機(jī)制其次，暫時不討論node.js的Event Loop執(zhí)行機(jī)制，以下關(guān)于瀏覽器的Event Loop執(zhí)行機(jī)制最后，借鑒了很多前輩的研究文...

muddyway 2019-08-22 17:32 評論0 收藏0
JS執(zhí)行機(jī)制

摘要：事件表每次調(diào)用函數(shù)或執(zhí)行異步操作時，都會將其添加到事件表中，事件表負(fù)責(zé)記錄每個事件完成后執(zhí)行的回調(diào)函數(shù)，并監(jiān)聽事件，事件完成后會把事件的回調(diào)函數(shù)發(fā)送到事件隊列。事件隊列事件隊列接收來自事件表的回調(diào)函數(shù)，并根據(jù)順序執(zhí)行。前言先上一段代碼，可以根據(jù)自己之前對JS執(zhí)行機(jī)制的理解，進(jìn)行分析 console.log(script start); setTimeout(function() ...

wow_worktile 2019-08-26 13:36 評論0 收藏0
Javascript系列之javascript機(jī)制

摘要：異步任務(wù)必須指定回調(diào)函數(shù)，當(dāng)異步任務(wù)從任務(wù)隊列回到執(zhí)行棧，回調(diào)函數(shù)就會執(zhí)行。事件循環(huán)主線程從任務(wù)隊列中讀取事件，這個過程是循環(huán)不斷的，所以整個的這種運(yùn)行機(jī)制又稱為。事件循環(huán)事件循環(huán)是指主線程重復(fù)從消息隊列中取消息執(zhí)行的過程。參考鏈接：這一次，徹底弄懂 JavaScript 執(zhí)行機(jī)制https://zhuanlan.zhihu.com/p/...從瀏覽器多進(jìn)程到JS單線程，JS運(yùn)行機(jī)制...

13651657101 2019-08-22 15:50 評論0 收藏0