一道经典的考察事件循环、宏任务、微任务的js题
一道经典的考察事件循环、宏任务、微任务的js题
async function async1(){
console.log(async1 start)
await async2()
console.log(async1 end)
}
async function async2(){
console.log(async2)
}
console.log(script start)
setTimeout(function(){
console.log(setTimeout)
},0)
async1();
new Promise(function(resolve){
console.log(promise1)
resolve();
}).then(function(){
console.log(promise2)
})
console.log(script end)
先上正确答案：
那为什么答案是这样的呢？
第一步肯定是打印script start这不用说；
第二步执行到setTimeout时，它是一个宏任务，它会等当前宏任务全部执行完毕后再执行；
第三步执行到async1函数时，会先打印出async1 start，然后打印出async2，因为async定义的函数会立即执行，async2会返回一个promise的微任务进入回调队列线程；
第四步执行到new Promise时，会打印出promise1，同样resolve()会返回一个微任务进入回调队列线程；
第五步就打印出script end，到此时同步的都已经执行完毕，然后主线程会去回调队列线程拉任务；
第六步主线程拉到第一个任务是async2返回的一个promise，又会碰到一个resolve()，这时又将其推入回调队列线程；
第七步拉到new Promise的resolve()，这时会打印出promise2；
第八步就是打印出async1 end；
第九步就是当前宏任务执行完毕，执行下一个宏任务setTimeout，打印出setTimeout；
