首頁猿問跪求！js事件循環(huán)跪求！

跪求！js事件循環(huán)跪求！

JavaScript

蕪湖不蕪 2019-06-09 09:26:22

js事件循環(huán)中我有一些迷惑的點，我舉個例子，幫我看看這個例子中哪里描述有問題，如果有該怎么理解：js的事件列隊中包含：宏任務列隊和微任務列隊（這樣說是否正確），宏任務列隊中有三個宏任務？微任務列隊中有4個微任務，當執(zhí)行棧清空后，先查找任務列隊中的宏任務，拿出第一個宏任務執(zhí)行，執(zhí)行完成后瀏覽器執(zhí)行渲染（只要宏任務結束后瀏覽器都會進行重新渲染嗎？），此時，開始執(zhí)行微任務（將四個微任務都執(zhí)行完，是這樣嗎?）微任務都執(zhí)行完后，再去宏任務列隊中取出第二個宏任務執(zhí)行，執(zhí)行完后發(fā)瀏覽器渲染，發(fā)現沒有可執(zhí)行的微任務，繼續(xù)查找執(zhí)行第三個微任務

查看完整描述

2 回答

尚方寶劍之說

TA貢獻1788條經驗獲得超4個贊

和你描述的差不多，宏任務中的微任務是一次性執(zhí)行完的，當前宏任務的微任務執(zhí)行完，檢查渲染，然后GUI線程接管渲染；渲染完后JS線程接管，繼續(xù)等待下次宏任務，這一過程就叫事件循環(huán)。

反對回復 2019-06-09

江戶川亂折騰

TA貢獻1851條經驗獲得超5個贊

簡單說就這樣：事件循環(huán)1->宏任務隊列頂部任務->微任務隊列所有任務->控制權交還給主進程->事件循環(huán)2->...所以你這個描述大體應該沒什么問題，但我說另外一點你沒有說到的，就是微任務之間雖然在一次循環(huán)中全部會被執(zhí)行，但任務之間有優(yōu)先級差別，我印象中如果沒有記錯的話，process.nextTick和Promise就有區(qū)別，前者比后者會高。

反對回復 2019-06-09