浏览器中JS事件循环机制（面试题解）

浏览器环境下JS的事件循环机制:function foo() { setTimeout(foo, 0); // 是否存在堆栈溢出错误? };浏览器的主要组件包括调用堆栈事件循环任务队列和Web API。像setTimeoutsetInterval和Promise这样的全局函数不是JavaScript的一部分而是 Web API 的一部分。JS调用栈是后进先出(LIFO)的。引擎每次从堆栈中取出一个函数然后从上到下依次运行代码。每当它遇到一些异步代码如setTimeout它就把它交给Web API。因此每当事件被触发时callback 都会被发送到任务队列。事件循环不断地监视任务队列并按它们排队的顺序一次处理一个回调。每当调用堆栈为空时Event loop获取回调并将其放入堆栈中进行处理。请记住如果调用堆栈不是空的则事件循环不会将任何回调推入堆栈。前面提到的问题就有了回答步骤调用 foo()会将foo函数放入调用堆栈。在处理内部代码时JS引擎遇到setTimeout。然后将foo回调函数传递给WebAPIs并从函数返回调用堆栈再次为空计时器被设置为0因此foo将被发送到任务队列。由于调用堆栈是空的事件循环将选择foo回调并将其推入调用堆栈进行处理。 前端资源合集 | 持续更新 前端0到1【持续更新】→ https://pan.quark.cn/s/5df55ccff7c4 前端进阶【持续更新】→ https://pan.quark.cn/s/2dec1c87b3ec 前端2026最新【持续更新】→ https://pan.quark.cn/s/77c8fa94161c AI最新学习资料 → https://pan.baidu.com/s/1P9X2Qk_Fby3rFNVGw_WKow?pwd46XG 提取码46XG觉得有用就点个赞收藏关注我持续分享前端干货