javascript - Javascript Async 和 Promise 在队列中搞砸了

Question

console.log(1)
setTimeout(()=>console.log(2),0)
Promise.resolve(3).then(console.log)
console.log(4)

考虑上面的代码。这是我对代码的期望。

• 1 被注销， setTimeout 是一个异步函数，因此它被添加到队列中。
• 承诺是内联解决的，但在那之后，无论在什么情况下都是then异步的。所以它也被添加到队列中。
• 然后 4 被注销并且没有更多的内联代码。
• 因此，setTimeout 将从队列打印 2 和之后的 3 开始执行。
• 因此最终输出应该是 1 4 2 3

但是输出是 1 4 3 2。你能向我解释一下这里实际发生了什么吗？

标签： javascriptasync-awaitpromise

Answer 1

这是因为 Promise 有自己的队列，就像同步和异步操作之间一样。每次 promise 被解决或拒绝时，它的结果都会到达队列的最后。我想说这个例子更清楚地说明了这个案例：

  console.log(1)
  setTimeout(()=>console.log(2),0)
  Promise.resolve(3).then(console.log).then(()=>console.log("three"))
  Promise.resolve(5).then(console.log).then(()=>console.log("five"))
  console.log(4)

1和4一一出现，因为它是同步操作。然后整个 promises 队列出来了，每个新的“then”都添加到最后。最后，我们得到 setTimeout 结果。