Javascript Promise.all 执行顺序问题

如何解决Javascript Promise.all 执行顺序问题

当我执行下面的 Javascript promise.all() 代码时，我得到的输出为

hi
50

但这是我期望的输出

50
hi

谁能解释一下为什么“Hi”先出现然后50

下面是代码

let p1 = Promise.reject(50);
let p2 = true;
let p3 = new Promise((resolve,reject) => {
  console.log("hi")
  setTimeout(() => reject("hey"),0);
});
Promise.all([p1,p2,p3])
  .then(values =>  console.log(values))
  .catch(err => console.log(err));

解决方法

您传递给 new Promise 的回调将在您调用 new Promise 时立即同步运行。 hi 不仅会在超时之前记录，还会在您调用 Promise.all 之前记录。

setTimeout(() => reject("hey"),0); 回调运行得非常晚 - 只有在回调运行并且 Promise 拒绝之后，才会输入 .catch 并记录拒绝值。

为了使记录的值成为 50 hi，您需要记录 hi

(1) 在 reject 调用之后

(2) 在另一个微任务之后（给 .catch 运行的时间）

let p1 = Promise.reject(50);
let p2 = true;
let p3 = new Promise((resolve,reject) => {
  setTimeout(() => {
    reject("hey");
    // queue microtask
    Promise.resolve().then(() => {
      console.log("hi")
    });
  },0);
});
Promise.all([p1,p2,p3])
  .then(values =>  console.log(values))
  .catch(err => console.log(err));