js Promise 和 setTimeout 的顺序

Question

new Promise((resolve, reject) => {
  resolve()
}).then(() => {
  console.log(1)
  new Promise((resolve, reject) => {
    resolve()
  }).then(() => {
    console.log(2)
  })
  setTimeout(() => { console.log(3) }, 0)
})

console.log(4)

setTimeout(() => { console.log(5) }, 0)

// 4
// 1
// 2
// 5
// 3

为什么2比5先打印？第一次 macrotask queue 执行完后将 microtask queue 中的 Promise.then 中的函数推出执行，执行结束后不是应该调用 macrotask queue 中的 setTimeout 么？为什么 .then 中的 Promise 先执行了。

Answer 1

检查microtask queue，有promise回调要处理，出队并执行p1回调，执行回调的过程中往microtask queue添加promise，这是第一轮检查。继续检查microtask queue，发现p2回调，出队执行，第二轮结束。
检查macrotask queue

Answer 2

microtask queue里有两个 Promise 回调，都跑完了才能走下一个macrotask queue

Answer 3

new Promise((resolve, reject) => {
  setTimeout(()=>{resolve()},100);
}).then(() => {
  console.log(1)
  new Promise((resolve, reject) => {
    resolve()
  }).then(() => {
    console.log(2)
  })
  setTimeout(() => { console.log(3) }, 0)
})

console.log(4)

setTimeout(() => { console.log(5) }, 0)

你这样写5肯定会在2前面。你现在的代码写法 基本相当于同步了，从上到下执行，只有setTimeout是根据加入队列的顺序再执行的。 是说相当于哈，先打印出来是因为then的优先级高于setTimeout