??宏任務與微任務:

?異步任務分為 宏任務（macrotask） 與 微任務 (microtask)，不同的API注冊的任務會依次進入自身對應的隊列中，然后等待 Event Loop 將它們依次壓入執行棧中執行。

?宏任務(macrotask)：script(整體代碼)、setTimeout、setInterval、UI 渲染、 I/O、postMessage、 MessageChannel、setImmediate(Node.js 環境)

微任務(microtask)：Promise、 MutaionObserver、process.nextTick(Node.js環境）

Event Loop(事件循環)：

Event Loop(事件循環)中，每一次循環稱為 tick, 每一次tick的任務如下：

執行棧選擇最先進入隊列的宏任務(通常是script整體代碼)，如果有則執行

檢查是否存在 微任務 (microtask)，如果存在則不停的執行，直至清空 ?微任務 (microtask) 隊列

更新render(每一次事件循環，瀏覽器都可能會去更新渲染)

重復以上步驟形成循環

宏任務 > 所有微任務 > 宏任務

代碼實例

setTimeout(function () {console.log(1); });new Promise(function (resolve, reject) {console.log(2)resolve(3) }).then(function (val) {console.log(val); })console.log(4);

執行講解

先執行script同步代碼：執行new Promise中的console.log(2),then后面的不執行屬于微任務

然后執行console.log(4)

執行完script宏任務后，執行微任務，console.log(3)，沒有其他微任務了

執行另一個宏任務，定時器，console.log(1)

?結果：2=>4=>3=>1

? ?

總結

以上是生活随笔為你收集整理的一分钟搞懂js事件循环的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。