javascript中的微任务队列和回调队列

Question

javascript 运行时环境具有事件循环、回调队列和微任务队列。 微任务队列中的函数优先于回调队列中的函数（用于被推入调用堆栈）。

从 web API 返回的函数（如 fetch（返回一个承诺））被推送到微任务队列，而从 web API 作为 setTimeout 返回的函数被推送到队列。 因此 fetch promise 返回的函数将在 setTimeout 之前执行。

我的疑问是，控制台也是web API吧？？ 现在，如果我们只是想让控制台记录一些东西，那么控制台 web API 将返回从技术上讲应该首先存储在回调队列中的结果。

所以在这里我们可以观察到一个简单的控制台日志应该比一个 fetch 获得更低的优先级（因为从 fetch 返回的 function 存储在微任务队列中，而控制台存储在回调队列中。）。

所以理论上从 fetch 返回的 function 应该在简单的控制台日志之前执行，但实际上，结果是相反的。 那么我错过了什么？ 请有人清除我的疑问。

Answer 1

看看这个片段

 setTimeout(() => console.log('ASYNC')) Promise.resolve().then(() => console.log('PROMISE')) // also microtask queueMicrotask(() => console.log('MICROTASK')) console.log('SYNC')