麻烦帮我看一下这个js事件循环？

Question

console.log(1);

function foo(){
    return new Promise((resolve,reject)=>{
        setTimeout(()=>resolve(),2000);
    })
}

foo().then(()=>{
    console.log(2);
})

queueMicrotask(() => {
   console.log(3);
});

为什么输出了 1 3 2

如果队列是先进先出的话 应该为按顺序执行 1 2 3
3会被2阻塞2秒

Answer 1

foo中的宏任务执行的优先级比外层方法queueMicrotask低吧

Answer 2

setTimeout与microtask是两个不同的队列，而microtask队列优先于timeout队列执行，参考这篇 MDN timeout_和微任务的示例