关于微任务执行时机的问题?

作者站长头像
站长
· 阅读数 5

今天在看面试问题的时候遇到了这么一道题:

async function a1 () {
    console.log('a1 start')
    await a2()
    console.log('a1 end')
}
async function a2 () {
    console.log('a2')
}
console.log('script start')
setTimeout(() => {
    console.log('setTimeout')
}, 0)
Promise.resolve().then(() => {
    console.log('promise1')
})
a1()
let promise2 = new Promise((resolve) => {
    resolve('promise2.then')
    console.log('promise2')
})
promise2.then((res) => {
    console.log(res)
    Promise.resolve().then(() => {
        console.log('promise3')
    })
})
console.log('script end')

最后输出的顺序是:

script start
a1 start
a2
promise2
script end
promise1
a1 end
promise2.then
promise3
setTimeout

我的问题在于最后promise3 和 setTimeout究竟谁先输出。从代码中看到,promise3这个输出,是在执行promise2.then这个微任务的时候,通过Promise.resolve().then加入微任务队列的。根据事件循环的执行机制,应该是一次性将所有队列中的微任务执行完,再执行下一个宏任务。那么这里的情况有些特殊,是在执行微任务的时候,加入了另一个微任务,(如果理解有误请指出),那么这时候,是会先去执行一个宏任务,即setTimeout,还是将新加入的微任务先执行完呢?

谢谢!

回复
1个回答
avatar
test
2024-07-10

微任务队列清空才会去执行宏任务,无论是什么时间加入的

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容