1、EventLoop

1. JavaScript 是單線程的語言

JavaScript 是一門單線程執(zhí)行的編程語言。

也就是說，同一時間只能做一件事情。

單線程執(zhí)行任務隊列的問題：

如果前一個任務非常耗時，則后續(xù)的任務就不得不一直等待，從而導致程序假死的問題。

2. 同步任務和異步任務

為了防止某個耗時任務導致程序假死的問題，JavaScript 把待執(zhí)行的任務分為了兩類：

①  同步任務（synchronous）

又叫做非耗時任務，指的是在主線程上排隊執(zhí)行的那些任務只有前一個任務執(zhí)行完畢， 才能執(zhí)行后一個任務

②  異步任務（asynchronous）

又叫做耗時任務，異步任務由 JavaScript 委托給 宿主環(huán)境進行執(zhí)行當異步任務執(zhí)行完成后，會通知 JavaScript 主線程執(zhí)行異步任務的回調函 數(shù)  

3. 同步任務和異步任務的執(zhí)行過程

① 同步任務由 JavaScript 主線程次序執(zhí)行

② 異步任務委托給宿主環(huán)境執(zhí)行

③ 已完成的異步任務對應的回調函數(shù)，會被加入到任務隊列中等待執(zhí)行

④ JavaScript 主線程的執(zhí)行棧被清空后，會 讀取任務隊列中的回調函數(shù)，次序執(zhí)行

⑤ JavaScript 主線程不斷重復上面的第 4 步

 4. EventLoop 的基本概念

JavaScript 主線程從“任務隊列”中讀取異步

任務的回調函數(shù)，放到執(zhí)行棧中依次執(zhí)行。這 個過程是循環(huán)不斷的，所以整個的這種運行機 制又稱為EventLoop（事件循環(huán)）。

 5. 結合 EventLoop 分析輸出的順序

正確的輸出結果：ADCB。

其中：

A和D屬于同步任務 。

會根據(jù)代碼的先后順序依次被執(zhí)行C和B屬于異步任務。

它們的回調函數(shù)會被加入到任務隊列中，等待主線程空閑時再執(zhí)行

2、宏任務和微任務 

1.什么是宏任務和微任務

JavaScript 把異步任務又做了進一步的劃分，異步任務又分為兩類，分別是：

① 宏任務（macrotask）

異 步 Ajax 請求、 setTimeout 、 setInterval 、 文件操作 其它宏任務

② 微任務（microtask）

Promise.then 、 .catch 和 .finally process.nextTick 其它微任務

2. 宏任務和微任務的執(zhí)行順序

每一個宏任務執(zhí)行完之后，都會檢查是否存在待執(zhí)行的微任務，

如果有，則執(zhí)行完所有微任務之后，再繼續(xù)執(zhí)行下一個宏任務。

3. 去銀行辦業(yè)務的場景(舉例)

① 小云和小騰去銀行辦業(yè)務。首先，需要取號之后進行排隊

宏任務隊列

② 假設當前銀行網(wǎng)點只有一個柜員，小云在辦理存款業(yè)務時，小騰只能等待

單線 程 ，宏任 務 按次 序 執(zhí)行

③ 小云辦完存款業(yè)務后，柜員詢問他是否還想辦理其它業(yè)務？

當前宏任務執(zhí)行完 ， 檢 查是 否 有微 任 務

④ 小云告訴柜員：想要買理財產品、再辦個信用卡、最后再兌換點馬年紀念幣？

執(zhí)行微任務，后 續(xù) 宏 任 務被 推 遲

⑤ 小云離開柜臺后，柜員開始為小騰辦理業(yè)務

所有微任務執(zhí)行完 畢 ， 開 始 執(zhí) 行下 一 個 宏 任務  

4. 分析以下代碼輸出的順序

正確的輸出順序是：2431

分析：

① 先執(zhí)行所有的同步任務

執(zhí)行第 6 行、第 12 行代碼

② 再執(zhí)行微任務

執(zhí)行第 9 行代碼

③ 再執(zhí)行下一個宏任務

執(zhí)行 第 2 行代碼

5. 經(jīng)典面試題

請分析以下代碼輸出的順序（代碼較長，截取成了左中右 3 個部分） ：

正確的輸出順序是：156234789 

總結

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論