JavaScript 事件循环

面试官：你有2分钟的时间。向我解释一下 JavaScript 事件循环。
我的回答是：接受挑战，走吧！ ?

? 单线程执行：
JavaScript 在单线程模型上运行，这意味着它一次只能处理一项任务。任务使用调用堆栈进行管理，调用堆栈逐一执行函数。

? 调用堆栈：
将调用堆栈想象为一堆板。每次调用函数时，都会将一个盘子添加到堆栈中。一旦功能完成，盘子就会被移除。

? Web API：
对于 setTimeout、DOM 事件或 HTTP 请求等任务，JavaScript 使用浏览器提供的 Web API。这些任务是在调用堆栈之外处理的。

? 回调队列：
一旦异步任务完成，其回调就会移至回调队列。事件循环仅在堆栈为空时将回调推送到堆栈。

? 事件循环：
事件循环充当看门人，检查调用堆栈是否为空。当它是时，它从回调队列中取出第一个任务并将其推入堆栈。

? 微任务队列：
除了回调队列之外，还有一个微任务队列，用于处理 Promise 等任务。微任务在任何其他回调之前进行处理，从而赋予它们更高的优先级。

? 优先处理：
总而言之，事件循环首先检查微任务队列，然后继续检查回调队列。这确保了关键任务（例如，promise）在其他回调之前执行。

这就是 JavaScript 事件循环！ ?

?保持好奇心，不断学习，不断分享！ ?✨