这个 setTimeout 如何在 Promise 之前被调用？

Question

所以我一直在研究事件循环，以及过去一天的微/宏任务队列。 我已经看到很多人对以下代码的直接矛盾：

setTimeout(() => console.log("A"), 0);

const futureData = fetch('someUrl') // assume this takes 300ms
futureData.then(x => console.log("B"))

console.log("C")

// output -> C, A, B
// what multiple JS instructors says the output will be -> C, B, A

我得到的实际 output 写在上面。 但是，在我正在学习的课程中，讲师认为由于futureData是 Promise，它会被推送到微任务队列，并且由于它被推送到微任务队列，因此它将在任何宏任务之前首先执行比如设置超时。

但是运行它之后，这真的是公然错误的吗？ 我在这里缺少什么吗？ 为什么合格的教练会这样说，我几乎可以肯定我错过了一个重要的信息。

我的想法是，只有已解决的 Promises 将被推送到微任务队列，而所有待处理的 Promise 都必须等到未来的事件循环轮次。

我错过了什么？

Answer 1

我认为将异步任务推送到微/宏任务只会在 WebApis 或其他线程处理了异步部分并且只有回调被推送到队列之后才能完成，这些回调将在主线程本身上运行。

由于fetch大约需要300ms ，当堆栈为空时，promise 回调尚未出现在 MicroTask 队列中，但 SetTimeout 回调出现在宏中。