JS微任务队列执行顺序预测题

首先,我们知道每个Promise对象在创建时都会进入微任务队列,而且队列是先进先出的一种数据结构,这就说明了Promise的执行顺序是可以预测的,先进去的比后进去的执行得早。那么,请看下面的代码和我做的预测:

var p3 = new Promise(function (resolve, reject) {
  resolve("B")
})

var p1 = new Promise(function (resolve, reject) {
  resolve(p3)
})//这里p1依赖了p3

 var p2 = new Promise(function (resolve, reject) {
  resolve("A")
})
p1.then(function B(v){
  console.log(v);
})
p2.then(function A(v){
  console.log(v);
})

如上所示,p1应该比p2先进入微任务队列,那么我预测应该先执行p1在执行p2,那为什么先输出A后输出B呢?

p1执行的时候,由于resolve中的是Promise对象,加入微任务队列的是p3,p2执行的时候加入是function A。然后执行p3,将function B加入队列,所以B在A前面。