事件循环(Event Loop)

最新推荐文章于 2023-06-27 00:23:21 发布
最新推荐文章于 2023-06-27 00:23:21 发布
阅读量213 收藏
点赞数
分类专栏： javascript基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38845858/article/details/106618851
版权

event loop它的执行顺序：

  1. 一开始整个脚本作为一个宏任务执行
    执行过程中同步代码直接执行，宏任务进入宏任务队列，微任务进入微任务队列
    当前宏任务(同步代码)执行完出队，检查微任务列表，有则依次执行，直到全部执行完
    执行浏览器UI线程的渲染工作
    检查是否有Web Worker任务，有则执行
    执行完本轮的宏任务，回到2，依此循环，直到宏任务和微任务队列都为空

  2. 微任务包括：MutationObserver、Promise.then()或catch()、Promise为基础开发的其它技术，比如fetch API、V8的垃圾回收过程、Node独有的process.nextTick。
    宏任务包括：script 、setTimeout、setInterval 、setImmediate 、I/O 、UI rendering。

  3. 注意⚠️：在所有任务开始的时候，由于宏任务中包括了script，所以浏览器会先执行一个宏任务，在这个过程中你看到的延迟任务(例如setTimeout)将被放到下一轮宏任务中来执行。

补充

第一个宏任务(同步)执行完毕，会执行微任务。微任务执行完毕，会执行第二个以至于后面的宏任务

微任务队列只有一个
宏任务队列有多个

推开世界的门
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
event-loop:PHP的简单事件循环实现
05-02
简单事件循环 该库不是供生产使用的，而是向PHP开发人员展示工作方式。 如果要在PHP中寻找生产就绪的事件循环实现，请尝试 。 这个怎么运作 事件循环提供了一种实现异步执行的方法，而无需依赖于操作系统来执行并行进程和线程。 此方法最明显，因为它在JavaScript中使用。 通常，在PHP中，脚本需要等待诸如从磁盘读取，从数据库获取或使用curl进行HTTP请求之类的操作。 使用事件循环，您可以启动此操作，但不能继续执行下一行代码。 为此，您创建一个事件，该事件具有一个名为处理程序的回调，以在以后处理结果。 在PHP中，这可以使用来实现。 而不是等待操作完成，而是需要连续检查返回的资源以查看IO操作是否已完成。 此资源与处理程序一起包装在事件对象中。 在事件流中，将永远不会在执行两条随机代码行之间处理事件。 相反，始终允许当前执行流程完成。 如果有任何未解决的事件，这不会结束程序
javascript事件循环event loop的简单模型解释与应用分析
10-15
主要介绍了javascript事件循环event loop的简单模型解释与应用,结合实例形式分析了javascript事件循环event loop的与模型原理及使用技巧,需要的朋友可以参考下
nodejs事件循环
cxz
12-02 1905
主线程将所有任务都放在循环队列中，然后由底层的libuv库从循环事件队列中取出任务分配给不同的线程去处理，主线程同时也会进行回调处理，整个过程形成事件循环nodejs实现异步机制的核心便是libuv，libuv承担着nodejs与文件、网络等异步任务的沟通桥梁通过事件驱动模型实现了高并发和异步 I/O ，适合处理I/O密集型任务。
EventLoop 事件循环机制
Dark_programmer的博客
03-13 6880
Event Loop 在JavaScript中，任务被分为两种，一种宏任务（MacroTask)也叫Task，一种叫微任务（MicroTask)。
【Nodejs】事件循环机制
知之为知之，不知为不知
06-09 1066
1. timer 阶段：处理 setTimeout、setInterval 的回调，由 poll 阶段控制 2. I/O callbacks 阶段：处理系统级别的回调。eg: TCP 连接失败的回调… 3. idle, prepare 阶段：仅 Node 内部使用，可以忽略 4. poll 阶段：处理 I/O 操作的回调； 5. 事件循环空闲时，会在此阶段暂停，以等待新的回调加入 6. check 阶段：执行 setImmediate 的回调 7. close callbacks 阶段：执行关闭请求的回调。
浅谈Node.js中的事件循环机制
qq_43293207的博客
04-20 1236
欢迎访问个人博客网站： http://www.zhuxin.club 1. 循环原理 node和js的事件循环原理有所不同，即使在node 10+版本后二者的执行顺序一致。node基于libev库，js基于浏览器。js事件循环核心是宏任务和微任务，而node除此之外还有现阶段任务执行阶段 timers：本阶段执行setInterval和setTimeout的回调函数 pending callbacks：执行某些系统操作（非node）的回调函数 idle,prepare：仅系统内部调用 poll：检索新的
前端js中的事件循环eventloop机制详解
10-17
主要给大家介绍了关于前端js中事件循环eventloop机制的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
JS事件循环机制event loop宏任务微任务原理解析
10-14
主要介绍了JS事件循环机制event loop宏任务微任务原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
事件循环机制EventLoop
叶子先生的博客
08-07 3212
https://www.jianshu.com/p/c3716bedfaae 事件循环机制EventLoop BigTooth_3611关注 0.3372019.01.28 09:04:23字数 3,035阅读 1,677 Event Loop即事件循环，是解决javaScript单线程运行阻塞的一种机制。 一、EventLoop的相关概念 1、堆（Heap） 堆表示一大块非结构化的内存区域，对象，数据被存放在堆中 2、栈（Stack） 栈在javascript中又称执行栈，调用栈，是一种后进先出的数组结构
nodejs事件循环与多进程(一)——事件循环允许Node.js执行非阻塞IO操作 & js是操作DOM，决定了单线程 & 事件循环之宏任务setTimeout在后、微任务promise在前
最新发布
weixin_44867717的博客
06-27 287
了解事件循环的概念学习浏览器中的事件循环机制学习nodejs中的事件循环机制了解多进程，多线程之间的区别学习nodejs中的多进程并使用cluster来开启多进程为了协调事件（event），用户交互（user interaction），脚本（script），渲染（rendering），网络（networking）等，用户代理（user agent）必须使用事件循环（event loops）。事件：PostMessage, MutationObserver等。
剖析nodejs的事件循环
weixin_40581617的博客
07-20 750
nodejs是单线程执行的，同时它又是基于事件驱动的非阻塞IO编程模型。这就使得我们不用等待异步操作结果返回，就可以继续往下执行代码。当异步事件触发之后，就会通知主线程，主线程执行相应事件的回调。 以上是众所周知的内容。今天我们从源码入手，分析一下nodejs的事件循环机制。 nodejs架构 首先，我们先看下nodejs架构，下图所示：   如上图所示，nodejs自上而下分为 ...
Node.js事件循环
笔记
01-06 400
了解事件循环的工作方式和常用机制，可以帮助我们在 Node.js 中编写高效的、非阻塞的代码。在本文中，我们已经介绍了 Node.js 中事件循环的工作方式，以及如何在代码中使用事件循环。综上所述，事件循环是 Node.js 中的一个核心概念，对于理解和使用 Node.js 是非常重要的。在这个示例中，我们演示了 Node.js 中事件循环的工作方式，以及如何在代码中使用事件循环。在这一部分，我们将讨论事件循环的一些细节。事件队列是一个存储回调函数的数据结构，它会在事件循环的手动触发的回调函数阶段被执行。
Qt 之 Eventloop 事件循环
wjjontheway的专栏
12-19 6107
文章目录需求QEventLoopDemo1- 登录Demo2- 延时Demo3- 在程序中等待服务器返回理解QT事件循环事件循环抽象Qt是事件驱动的Qt常见事件Qt事件从哪里来Qt事件队列Qt事件接收Qt事件循环Qt事件同步和异步分发 需求 登录时，等待服务器返回，才能知道下一步结果 希望某线程等待100ms，但不会影响UI刷新 在程序里等待服务器返回 QEventLoop At any time, you can create a QEventLoop object and call exec()
事件循环
日晞的博客
09-22 1122
Javascript 是单线程的，所有任务都是同步的，即所有操作需要排队完成，这条队伍叫做主线程。事件循环分为浏览器事件缓存和 nodejs 事件缓存，主要是为了让 JavaScript 代码在运行过程不会阻塞的一种机制。async1() 是同步任务，等到 await async2() 时，是异步，它后面的语句则是 .then 执行的语句，所以打印async1 end 会放到微任务中。1.Promise的then,catch ，finally。任务进行顺序: 同步任务 --> 微任务 --> 宏任务。
深入理解Event Loop的运行机制
weixin_43552879的博客
10-20 492
Event Loop即事件循环，是指浏览器或Node.js的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 Event Loop是一个执行模型，在不同的地方有不同的实现，浏览器和Node.js基于不同的技术实现了各自的Event Loop。
Even Loop(事件循环机制)
lihui61357457的博客
10-19 1120
异步任务又分为宏任务和微任务。
十--nodejs原理（事件循环）
chujinmaolu的博客
12-26 794
一、事件循环 什么是事件循环？ 事件循环使得nodejs可以通过将操作转移到系统内核中来执行非阻塞I/O操作（尽管javascripts是单线程的）。由于大多数现代内核是多线程的，因此它们可以处理在后台执行的多个操作。当这些操作之一完成时，内核会告诉nodejs，以便可以将适度的回调添加到轮询队列中以最终执行。 通俗的说在nodejs内部使用了第三方库libuv，nodejs会把IO，文件读取等异步操作交由他处理，而nodejs主线程可以继续去处理其他的事情。libuv会开启不同的线程去处理这些延时操作，处
带你了解事件循环机制(Event Loop)
热门推荐
weixin_52092151的博客
08-19 1万+
什么是事件循环机制? 事件循环分为两种,分别是浏览器事件循环和node.js事件循环,本文主要对浏览器事件循环进行描述。 我们都知道JavaScript是一门单线程语言，指主线程只有一个。Event Loop事件循环，其实就是JS引擎管理事件执行的一个流程，具体由运行环境确定。目前JS的主要运行环境有两个，浏览器和Node.js。 先了解浏览器的进程和线程： 浏览器是多进程的，浏览器每一个打开一个Tab页面都代表着创建一个独立的进程。渲染进程（浏览器内核）是多线程的，也是浏览器的重点，因为页面的渲染，JS执
事件循环机制eventloop
05-25
事件循环（Event Loop）是一种编程模型，它用于异步编程。在事件循环中，程序会不断地检查事件队列中是否有任务需要处理，如果有，则会按照一定的顺序依次处理这些任务，然后再继续检查。这种机制可以让程序在等待...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值