JS事件循环模型

最新推荐文章于 2026-05-15 12:30:11 发布

原创最新推荐文章于 2026-05-15 12:30:11 发布 · 509 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

收录于

JS 专栏收录该内容

23 篇文章

订阅专栏

本文详细介绍了JavaScript引擎执行代码的基本流程，包括初始化代码、事件管理和回调队列的运作。重点阐述了事件循环（Event Loop）的概念，即当初始化代码执行完毕后，通过事件轮询从回调队列中取出回调函数进行处理。同时，讨论了事件驱动模型在浏览器内核中的作用，以及它如何与请求响应模型协同工作。此外，还提到了相关概念如执行栈、浏览器内核的各个模块以及任务队列等。

1.js引擎执行代码的基本流程：
*初始化代码–>回调代码
2.模型的两个重要组成部分：
*事件（定时器/DOM事件/AJAX)管理模块
*回调队列
3.模型的运转流程：
*执行初始化代码，将事件回调函数交给对应模块管理
*当事件发生时，管理模块会将回调函数及其数据添加到回调队列中
*只有当初始化代码执行完后（可能要一段时间），才会遍历读取回调队列中的回调函数执行
4.相关概念：
//执行栈（Execution Stack）:所有的代码都在这个空间执行
//浏览器内核(Browser core)：
*Js引擎模块（在主线程处理）
*其他模块（在主线程或分线程）
//事件队列，消息队列，任务队列都是别称(callback queue);
//事件轮询(event loop):从任务队列中一个个轮流循环取出回调函数放入执行栈中处理
//请求响应模型(request-response model)：与服务器进行交互
//事件驱动模型：如下图