浏览器中Web API的处理机制：单线程还是多线程？

一、Web API是否以多线程并行处理？ #

是的。JavaScript主线程本身是单线程执行的，但浏览器提供的各类Web API（如Timer API、DOM事件、网络请求API等），会由浏览器的专用后台线程并行处理，核心目的是避免阻塞JS主线程的执行流程。

具体来说：

• Timer API（setTimeout/setInterval）：由浏览器的定时器线程负责计时逻辑，当计时完成后，对应的回调函数会被推入任务队列，等待JS主线程空闲时执行。
• 网络类API（fetch/XMLHttpRequest）：由浏览器的网络线程处理请求的发送、响应接收等操作，当请求完成（成功或失败）后，回调会被推入任务队列。
• DOM事件：由浏览器的事件线程处理事件监听与触发逻辑，当事件触发后，对应的事件回调会被推入任务队列。

这些后台线程是并行运行的，彼此独立，也不会干扰JS主线程的单线程执行。

二、官方文档的查询途径 #

你可以从以下权威规范或官方文档中找到相关细节：

• WHATWG HTML Standard：其中的「Event Loops」章节详细定义了浏览器的事件循环机制，包括不同类型任务（定时器任务、网络任务、DOM任务等）的处理逻辑，以及后台线程与主线程的交互规则。
• Fetch Standard：针对fetch API的专用规范，明确了网络请求的异步处理模型，包含后台线程参与的实现细节。
• XMLHttpRequest Standard：定义了XHR请求的完整异步处理流程，涉及线程分工的相关内容。
• Chrome 官方内部机制文档：作为主流浏览器，Chrome的开发者文档中有专门板块介绍自身的线程模型实现（比如定时器线程、网络线程的具体分工），可在Chrome开发者网站的「内部原理」栏目中查找。

另外，MDN Web Docs虽然不属于官方规范，但内容完全基于权威标准编写，解释更通俗易懂，也可作为辅助参考。

内容的提问来源于stack exchange，提问作者raccoon_ko