>[danger] 閱讀以下代碼, 說出打印順序 ---- ~~~ async function async1(){ console.log('async1 start'); await async2(); console.log('async1 end') } async function async2(){ console.log('async2') } console.log('script start'); setTimeout(() => { console.log('setTimeout') }, 0); async1(); new Promise((resolve) => { console.log('promise1'); resolve(); }).then(() => { console.log("promise2"); }).then(() => { console.log("promise2_then") }); ~~~ 打印結果如下: ~~~ // script start // async1 start // async2 // promise1 // async1 end // promise2 // promise2_then // setTimeout ~~~ 解釋: 主線程執行完畢, 執行所有微任務, 最后執行宏任務 ``` async function async1(){ console.log('async1 start'); // 3. 主線程打印 await async2(); // 4. 從右向左, 調用async2()函數執行 console.log('async1 end') // 8. 開始執行 } async function async2(){ console.log('async2') // 5. 打印 (打印后回到第4步, 遇到await扔到任務隊列等待) (標記微任務) } console.log('script start'); // 1. 主線程執行 setTimeout(() => { console.log('setTimeout') // 11. setTimeout/ setInterval都是宏任務, 在所有微任務執行完畢, 再按照順序執行宏任務. }, 0); async1(); // 2. 主線程調用方法, 跳到async1函數執行 new Promise((resolve) => { console.log('promise1'); // 6. 主線程繼續, new Promise()馬上執行里面代碼 resolve(); // 7. 微任務進入隊列等待. (主線程結束, 按照剛才微任務順序, 先執行上面的微任務) }).then(() => { console.log("promise2"); // 9. 執行 }).then(() => { console.log("promise2_then") // 10. 執行 }); ```