js 是單線程執行,雖然增加了一個 worker 創造了多線程環境,但 worker 受限很多,本質上還是一個單線程。 js 執行是有一個執行棧,主要分了同步任務和異步任務,異步任務又分宏任務(macro-task)和 微任務(micro-task)。
宏任務有:
- setTimeout
- I/O
- setInterval
- setImmediate
- 主線程
- MessageChannel
微任務有:
- Promise 系列 .then .catch .finally
- process.nexttick
- MutationObserver
看下面這個案例,console.log從上到下,1到8排列。那么打印的結果是什么呢?
只要記住了上述羅列的宏任務和微任務,就可以輕松解答了。說到底就是一道記憶題。
第一:從上到下執行,三個同步任務,打印1,6,8.
第二:處理異步任務,先找微任務,打印 7.
第三:處理宏任務(同一層,圖中綠線),先執行時間少的。打印內部的 同步任務3,異步微任務4. 此時又有一個宏任務setTimeout,可是時間比外層宏任務setTimeout 還要長。
第四:先執行外層2秒的宏任務,打印2,再執行內層3秒宏任務,打印5.
外層綠框是第一次比較的宏任務,先執行①;紅框是內層和外層第二次比較的宏任務,先執行②;最后執行③。
實際上并沒有內層外層的說法,下方綠框執行完畢之后就剩下③,然后③和②比較時間長短,決定誰先執行。③也不是等上3000毫秒,即3秒,而是
一秒后打印3,4,再一秒后打印2,再一秒后打印5.