JavaScript Event Loop 运行机制详解：从单线程到异步队列

JavaScript 单线程模型解析

1.单线程模型

单线程模型意味着 JavaScript 代码只能在单一线程中运行，即同一时刻只能处理一个任务，其余任务需排队等待。需要注意的是，虽然脚本执行限制在一个线程上，但这并不意味着 JavaScript 引擎仅有一个线程。实际上，引擎内部包含多个线程，单个脚本仅在主线程上运行，其他线程则在后台协助配合。

JavaScript 为何选择单线程而非多线程？

主要目的是避免浏览器逻辑过于复杂。若采用多线程，资源共享及相互修改运行结果的操作将导致极大的复杂性。

该模式会引发哪些问题？

若单个任务耗时过长，将阻塞整个程序的执行流程，可能导致浏览器出现无响应（即“假死”）现象。

JavaScript 如何解决这一瓶颈？

由于单线程限制，CPU 常处于空闲状态。鉴于 I/O 操作（如通过 Ajax 从网络读取数据）速度较慢，CPU 可挂起当前任务，转而执行后续任务。待 I/O 操作返回结果后，再恢复执行被挂起的任务。这种机制即为 JavaScript 内部采用的“事件循环”（Event Loop）。

同步与异步任务的区分

2.同步任务和异步任务

程序中的所有任务可划分为两类：同步任务（synchronous）与异步任务（asynchronous）。

同步任务是指未被引擎挂起、直接在主线程排队执行的任务。只有前一个任务执行完毕，后一个任务才会开始执行。

异步任务是指被引擎搁置、不进入主线程而进入任务队列的任务。只有当引擎判定该异步任务可执行时（例如 Ajax 从服务器获取到结果），该任务才会以回调函数的形式进入主线程执行。排在异步任务之后的代码无需等待异步任务结束即可立即运行，这意味着异步任务不具备“阻塞”效应。

任务队列与事件循环机制

3.任务队列和事件循环

JavaScript 运行时，除正在运行的主线程（又称“调用栈 call stack”）外，引擎还提供任务队列（task queue），用于存放各类需处理的异步任务。（实际上，根据异步任务类型的不同，存在多个任务队列，后文将详述）。

1.主线程负责执行所有同步任务。

2.当所有同步任务执行完毕后，引擎会检查任务队列中的异步任务，将满足条件的任务重新移入主线程并作为同步任务执行。

3.当前任务执行结束后，下一个异步任务再进入主线程开始执行。

4.引擎持续进行检查（即“事件循环”），一旦任务队列清空，程序即结束执行。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持本站。