首先我們需要了解一個概念，在promise執行之前是同步任務，再.then和.catch之后變成微任務

執行完同步任務之后，優先執行微任務

執行順序是：

同步任務 ==> 微任務 ==>宏任務

js是單線程的語言，不會同時執行兩行代碼，當我們出現alert彈窗時，是無法執行下面的console.info的

setTimeout(_ => console.log(4))new Promise(resolve => {resolve()console.log(1) }).then(_ => {console.log(3) })console.log(2)

通過上面的了解，此時應該很好得出這道筆試題的答案了
沒錯，是1 2 3 4

所有的異步回調函數，執行的結果會進入一個隊列，整個隊列就是一個宏任務；
在博客園里一篇文章就形象的解釋了宏任務和微任務的執行過程：
A B C三個人同時在銀行某個柜臺辦理存錢業務（宏任務），A在存完錢之后，沒有離開，選擇購買理財和基金（中途產生了微任務），那么這個時候B C必須要在A完成購買基金理財之后，才能執行宏任務

再來解釋一下eventloop，翻譯過來就是事件循環

每辦理完一個業務，柜員就會問當前的客戶，是否還有其他需要辦理的業務。
（檢查還有沒有微任務需要處理）
而客戶明確告知說沒有事情以后，柜員就去查看后邊還有沒有等著辦理業務的人。
（結束本次宏任務、檢查還有沒有宏任務需要處理）
這個檢查的過程是持續進行的，每完成一個任務都會進行一次，而這樣的操作就被稱為Event
Loop。(這是個非常簡易的描述了，實際上會復雜很多)

借此再復習一下，async/await這種語法糖結構

setTimeout(_ => console.log(4))async function main() {console.log(1)await Promise.resolve()console.log(3) }main()console.log(2)

async函數在await之前的代碼都是同步執行的，
可以理解為await之前的代碼屬于new Promise時傳入的代碼，
await之后的所有代碼都是在Promise.then中的回調

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的微任务与宏任务与eventloop的全部內容，希望文章能夠幫你解決所遇到的問題。

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