Event Loop(事件循环)

最新推荐文章于 2024-10-15 14:00:48 发布
最新推荐文章于 2024-10-15 14:00:48 发布
阅读量92 收藏
点赞数
分类专栏： javascript 文章标签： javascript 前端 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48702212/article/details/129320499
版权
JavaScript设计为单线程，依次执行同步任务。异步任务分为宏任务和微任务，如setTimeout和Promise回调。执行顺序遵循：同步->宏任务->微任务。宏任务包括script、定时器等，微任务涉及Promise和MutationObserver。
摘要由CSDN通过智能技术生成

JavaScript是单线程的，同一时间只能执行一个任务

JavaScript任务分为 同步任务和异步任务

  • 同步任务：立即执行的任务，在主线程上排队执行，前一个任务执行完毕，才能执行后一个任务；

  • 异步任务：异步执行的任务，不进入主线程， 而是在异步任务有了结果后，将注册的回调函数放入任务队列中等待主线程空闲的时候读取执行。

  • 异步任务分为： 宏任务和微任务

  • 宏任务：script(可以理解为外层同步代码)、setTimeout、setInterval 、setImmediate、I/O操作

  • 微任务：microtask, 又称为job, 可以理解是在当前 task 执行结束后立即执行的任务。包括：Promise.then/cath /finally回调（平时常见的）、 MutationObserver回调（html5新特性）

执行顺序: 同步任务 => 宏任务=> 微任务

馍馍是只猫
关注
专栏目录
Event loop 事件循环
weixin_45820444的博客
01-23 970
同时，JavaScript中还有其他类型的事件和任务，如IO操作、UI渲染等，也会加入到任务队列中，并由事件循环执行。事件委托：事件委托是一种优化事件处理的方式，它将事件处理函数绑定在父元素上，通过事件冒泡的机制处理子元素的事件。首先会执行所有的微任务，然后执行一个宏任务，再执行所有的微任务，依次循环执行，直到事件队列中没有任务为止。以上示例仅仅是展示了事件循环的基本机制，实际的应用中可能会有更多复杂的异步操作和事件处理，所以事件循环的顺序和执行时间可能会有所不同。
EventLoop 事件循环机制
Dark_programmer的博客
03-13 7089
Event Loop 在JavaScript中，任务被分为两种，一种宏任务（MacroTask)也叫Task，一种叫微任务（MicroTask)。
Event Loop 事件循环简介
Mark
10-30 2580
1、Event Loop？ Event Loop 其实也是在面试中经常会出现的一个题，前端程序员回答不上来是正常的，因为 Event Loop 是 C++ 实现的，实现原理和 JavaScript 没什么关系，我个人在之前的面试中遇到这个题的时候，也是看一些 C++ 程序员对 Event Loop 的分析，如果你想对 Event Loop 有一个深入的了解，那这里推荐你一篇 Event Loop 的官方文档，这有中文版：Event Loop。 在了解 Event Loop 之前我们可能需要一点计算机操作
EventLoop 事件循环机制详解
weixin_45111619的博客
01-01 2510
首先清楚javaScript这门语言是一门单线程非阻塞的脚本语言。 单线程是指在执行javascript代码的时候，只有一个主线程按照一定的顺序执行任务。 非阻塞是指当代码需要进行一项异步任务，的时候，主线程会挂起这个任务，然后在异步结果返回时根据一定规则执行相应的回调。 javascript使用单线程其实是有原因的，单线程的缺点也是很明显的， ...
EventLoop事件循环机制
qq_45308912的博客
02-19 152
EventLoop事件循环机制
关于Event Loop事件循环
m0_66504310的博客
12-01 445
Event Loop事件循环
Nodejs中的Event Loop事件循环
small_white_123的博客
01-04 998
Nodejs中的事件循环的概念、6个阶段
EventLoop 事件循环机制？
m0_60676278的博客
01-24 301
浏览器和 Node 环境下，microtask 任务队列的执行时机不同Node 端，microtask 在事件循环的各个阶段之间执行浏览器端，microtask 在事件循环的 macrotask 执行完之后执行。
481-手写C++muduo库(EventLoop事件循环)
LINZEYU666的博客
08-26 2015
EventLoop相当于reactor模型的reactor反应堆的角色 poller和epollpoller相当于是多路分发器的角色，掌控epoll的所有操作 最起码得有一个线程来支撑。 如果我们设置了setthreadnumber的多线程的反应堆类型，mainreactor就是处理新用户的连接，accept，拿到新用户通信的fd，把fd感兴趣的事件打包成channel，然后唤醒某个工作线程workreactor（subreactor）（轮询的方式），代表eventloop。每个工作线程subreact
EventLoop事件循环
zhuzhaofa的博客
03-30 101
请点击eventLoop总结
深入理解 Event Loop事件循环机制
01-08
Event Loop事件循环机制 事件循环机制（Event Loop）是全面了解javascript代码执行顺序绕不开的一个重要知识点。 为什么会有事件循环机制？ javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初...
javascript中的event loop事件循环详解
10-17
在JavaScript中，Event Loop（事件循环）是一种核心机制，用于处理单线程环境下的同步和异步任务执行。JavaScript引擎遵循ECMAScript规范，其设计为单线程，这意味着同一时间只能执行一个任务。这种设计是为了避免在...
node.js中对Event Loop事件循环的理解与应用实例分析
10-15
在Node.js中，Event Loop（事件循环）是其异步非阻塞I/O模型的核心部分。JavaScript是单线程的，这意味着所有的代码都在同一个线程中运行，这导致了一个问题：当有耗时的操作如I/O或网络请求时，如果它们是同步的，...
【JAVA开源】基于Vue和SpringBoot的高校学科竞赛平台
杨荧的CSDN博客
10-10 1455
教师功能有个人中心，题目类型管理，竞赛题库管理，竞赛类型管理，竞赛信息管理，报名信息管理，竞赛评分管理，参赛名单管理，晋级名单管理，获奖名单管理，竞赛总结管理，报销清单管理，成绩申诉管理，参赛信息管理，参赛信息管理，往年成绩管理，获奖情况管理。
【JavaScript】移动色块案例 实现一个可以拖动并且在拖动过程中会自动改变颜色的色块（JS 事件监听器）
m0_66584716的博客
10-11 1336
- **移动色块**：用户可以通过鼠标按住并拖动页面上的红色方块（`#blocks`）。当用户按下鼠标左键时，色块开始跟随鼠标的移动而移动；当用户释放鼠标左键时，色块停止移动。 - **显示当前位置**：随着色块的移动，其当前的屏幕坐标（相对于浏览器窗口）会被实时更新，并显示在页面底部左侧的位置显示区域（`#positionDisplay`）中。 - **自动变色**：一旦用户开始拖动色块，系统就会每隔300毫秒随机改变一次色块的颜色。颜色的变化是通过调用 `getRandomColor()` 函数生成一个
ECMAScript标准解析及其发展历史与技术演进
qq_20245171的博客
10-15 489
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
深入解析：React中的信号组件与细粒度更新
最新发布
Fisher的专栏
10-15 496
介绍了前端大火的signal原理，引入AutoStore为React提供了信号组件，帮助实现细粒度更新
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 470
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
如何使用Python爬虫处理JavaScript动态加载的内容？
Z_suger7的博客
10-11 686
JavaScript动态加载的内容为爬虫带来了挑战，但也提供了新的机遇。通过使用Selenium、分析API请求或Pyppeteer，我们可以有效地爬取这些动态内容。这些方法各有优势，Selenium适合模拟复杂的用户交互，API请求适合直接获取数据，而Pyppeteer则提供了更强大的JavaScript控制能力。在实际应用中，开发者应根据目标网站的特点和需求选择合适的方法。随着技术的不断发展，我们也需要不断学习和适应新的工具和方法，以保持在数据获取领域的竞争力。复制再试一次分享。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值