面试官:你有2分钟的时间。向我解释一下 JavaScript 事件循环。
我的回答是:接受挑战,走吧! ?
? 单线程执行:
JavaScript 在单线程模型上运行,这意味着它一次只能处理一项任务。任务使用调用堆栈进行管理,调用堆栈逐一执行函数。
? 调用堆栈:
将调用堆栈想象为一堆板。每次调用函数时,都会将一个盘子添加到堆栈中。一旦功能完成,盘子就会被移除。
? Web API:
对于 setTimeout、DOM 事件或 HTTP 请求等任务,JavaScript 使用浏览器提供的 Web API。这些任务是在调用堆栈之外处理的。
? 回调队列:
一旦异步任务完成,其回调就会移至回调队列。事件循环仅在堆栈为空时将回调推送到堆栈。
? 事件循环:
事件循环充当看门人,检查调用堆栈是否为空。当它是时,它从回调队列中取出第一个任务并将其推入堆栈。
? 微任务队列:
除了回调队列之外,还有一个微任务队列,用于处理 Promise 等任务。微任务在任何其他回调之前进行处理,从而赋予它们更高的优先级。
? 优先处理:
总而言之,事件循环首先检查微任务队列,然后继续检查回调队列。这确保了关键任务(例如,promise)在其他回调之前执行。
这就是 JavaScript 事件循环! ?
?保持好奇心,不断学习,不断分享! ?✨