news 2026/1/10 14:41:16

JS事件循环

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
JS事件循环

单线程的 JavaScript

同步与异步

js本身是单线程的,为了处理异步任务,宿主环境(浏览器/v8)会将其交给其他线程处理,执行js的线程则会立即结束当前任务而去执行后续代码

事件循环

事件循环是宿主环境处理js异步操作的方式,让其能够非阻塞式运行的机制

浏览器事件循环

浏览器进程

主进程,无论打开多少个浏览器窗口,它仅有一个

它主要负责浏览器界面交互、用户管理和进程管理

网络进程

处理网站的数据请求和相应,网络进程内部会开启多个线程,以实现网络请求的异步话处理

渲染进程

主要是解析html、css和js等其他资源,并生成渲染树、执行布局、和绘制

浏览器中的 Event Loop

宏队列和微队列

宏队列排队宏任务(DOM操作回调, 定时器回调, UI绘制),

微队列排微任务(Promise回调)

除了微队列外,队列的种类和数量均可能不同,这取决于浏览器厂商

以chorme举例

微队列:

用于存放需要执行最快的任务,优先级极高,比如promise.then(), MutationObserver

交互队列:

用于存放用户操作后产生的事件任务,优先级次于微队列

延迟队列:

用于存放定时器到达后的回调任务,优先级次于交互队列

注意:人工合成的事件派发, 即直接在代码里写的dom.click()或dispatchEvent(),相对于浏览器而言并不是真正的用户交互,会被当作同步任务执行

1

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2025/12/26 11:23:52

为什么90%的企业都在用Open-AutoGLM做客户信息归档?真相曝光

第一章:为什么90%的企业选择Open-AutoGLM进行客户信息归档在数字化转型加速的背景下,企业对客户信息管理的需求日益增长。Open-AutoGLM 作为一款开源、智能驱动的客户信息归档系统,凭借其高度自动化与强大的语义理解能力,成为行业…

作者头像 李华
网站建设 2025/12/30 3:04:24

Open-AutoGLM实时跟进系统搭建全流程(含源码级避坑指南)

第一章:Open-AutoGLM实时跟进系统概述Open-AutoGLM 是一个基于大语言模型(LLM)的自动化任务跟进与执行系统,专为高时效性、多源信息整合场景设计。该系统通过实时监听外部事件流,动态调用 GLM 模型进行语义理解与决策生…

作者头像 李华
网站建设 2026/1/2 0:22:24

【AI驱动销售革命】:Open-AutoGLM如何实现线索筛选效率提升10倍

第一章:AI驱动销售革命的背景与Open-AutoGLM的诞生在数字化转型浪潮席卷全球的今天,人工智能正以前所未有的速度重塑商业生态,尤其在销售领域,传统依赖人工经验的客户洞察与转化策略已难以满足高并发、个性化的市场需求。企业亟需…

作者头像 李华
网站建设 2026/1/6 2:16:44

告别加班写年报!Open-AutoGLM自动写作系统实测效果曝光(附对比数据)

第一章:告别重复劳动——Open-AutoGLM开启年报自动化新时代在金融与企业服务领域,年报生成是一项高频率、高复杂度的任务。传统方式依赖人工整理数据、撰写分析、排版输出,不仅耗时耗力,还容易出错。Open-AutoGLM 的出现彻底改变了…

作者头像 李华
网站建设 2026/1/10 3:45:19

Open-AutoGLM数据同步实战指南(从配置到监控全链路拆解)

第一章:Open-AutoGLM数据同步实战概述Open-AutoGLM 是一个面向大语言模型训练数据自动化构建与同步的开源框架,专注于实现多源异构数据的高效采集、清洗与标准化输出。其核心设计目标是支持从公开数据集、API 接口、数据库及网页爬虫等多种渠道获取原始文…

作者头像 李华
网站建设 2026/1/6 14:09:20

【Open-AutoGLM邮件分类实战】:手把手教你构建企业级智能筛选系统

第一章:Open-AutoGLM邮件分类实战概述Open-AutoGLM 是一个基于开源大语言模型的自动化文本处理框架,专为高精度邮件分类任务设计。它结合了自然语言理解与轻量化推理引擎,能够在不依赖商业API的前提下完成多类别邮件智能归类。该系统适用于企…

作者头像 李华