event loop事件循环

最新推荐文章于 2024-06-11 11:53:52 发布
置顶 最新推荐文章于 2024-06-11 11:53:52 发布
阅读量302 收藏 2
点赞数 2
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48205715/article/details/113941690
版权

了解event loop，我们先了解以下3点

①js是单线程

②异步基于回调实现

③event loop是异步回调的实现原理

我们来看个图

当检测到是同步任务时，该任务会直接移到调用栈里面再传给浏览器

调用栈-浏览器

当检测到是异步任务时，该任务会被放置到webAPI中即等待队列，当同步任务执行完，调用栈为空的时候，且该异步任务执行时机到了的时候，异步任务会被移到到回调队列

这时候event loop就会去回调队列找，如果回调队列有事件，event loop会获取他并把他转移到调用栈再转移到浏览器

等待队列-同步任务执行完毕，调用栈为空，异步任务执行时机到了-回调队列-event loop获取-调用栈-浏览器

 

这样说可能有点抽象，我们直接上例子

这个我们都知道输出答案为a,c,b 具体我们来看看

从上往下执行先是console.log('a'),该任务为同步任务，所以直接放置调用栈，再输出到浏览器，调用栈再清空

然后到定时器，这是个异步任务

先放在等待队列WebAPI

当满足以下3个条件，异步任务转移到回调队列

①同步任务执行完毕

②调用栈清空

③异步任务到达时机可执行

当异步任务定时器3s到的时候即到时机执行，异步任务转移到回调队列

同步任务执行完后，event loop开始运作，去回调队列找事件任务，找到后将其转移到调用栈

最后再将其传到浏览器，这就是event loop实现机制，也印证了上面的那句话，异步回调的原理是event loop

 

 

 

ebok.
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
事件循环机制（Event Loop）
qq_45234274的博客
06-26 260
进程：进程是 CPU 资源分配的最小单位线程：线程是 CPU 调度的最小单位简单来说，进程简单理解就是我们平常使用的程序，如 QQ，浏览器，网盘等。进程拥有自己独立的内存空间地址，拥有一个或多个线程，而线程就是对进程粒度的进一步划分。更通俗的来说，进程就像是一家工厂，多个工厂之间是独立存在的。而线程就像是工厂中的那些工人，共享资源，完成同一个大目标。
事件循环（Event loop）
qssn的博客
12-27 700
代码已经关联到github： 链接地址 文章有更新也会优先在这，觉得不错可以顺手点个star，这里会持续分享自己的开发经验（： 浏览器为什么有事件循环 javascript 从诞生之日起就是一门单线程的非阻塞的脚本语言。 单线程：解析和执行 JavaScript 代码的线程只有一个主线程 非阻塞：当我们的 Javascript 代码运行一个异步任务的时候（像 Ajax 从网络读取数据等），主线程会挂起这个任务，然后异步任务返回结果的时候再根据特定的结果去执行相应的回调函数。 也正是javascri.
JavaScript中的事件循环机制
最新发布
qq_38053677的博客
06-11 1906
如果有三个按钮，其回调函数里面处理的代码量用的时间各不相同，用户依次快速的点击三个按钮，此时用户希望的是，先点击的先执行，后点击的后执行，可是由于是Js多线程的，每一个回调函数都会被注册成一个线程，这时，肯定是用时少的先执行。这就造成了一个很大的问题，用户体验很不好可能有人会问，定时器里的代码为什没有按照顺序执行呢？答：JavaScript采用了一种排队机制，将异步代码放入了消息队列中，待同步代码执行完后，如果消息队列中存在异步代码需要执行，就会唤醒Js主线程去执行这些异步代码。
eventloop
MING23333的博客
09-01 191
进程与线程 一，Javascript为单线程 任务队列 单线程使得所有任务需要排队，前一个任务结束，才会执行后一个任务，若前一个任务不结束，后一个任务就需等待； 任务分为同步任务与异步任务 1 同步任务： 在单线程上排队执行任务只有前一个任务执行完成，才能执行后一个任务 2异步任务： 不进入主线程而进入任务队列任务，只有任务队列通知主线程，某些异步任务可以执行了，这些任务才会进入主线程执行。 二，...
带你彻底弄懂Event Loop 转载
atmcnei14的博客
04-23 287
网上找了不好javascript Evnent loop 的知识，这个算是比较全面易入门的，存着，以后可以复习一下。文章有点长，需要慢慢理解。 前言 我在学习浏览器和NodeJS的Event Loop时看了大量的文章，那些文章都写的很好，但是往往是每篇文章有那么几个关键的点，很多篇文章凑在一起综合来看，才可以对这些概念有较为深入的理解。 于是，我在看了大量文章之后，想要写这么一篇博客，...
Event Loop
CDTZYXZZY的博客
10-22 218
Event Loop，进程 线程，执行栈，
EventLoop
我喜欢雨天的清新的博客
04-17 272
active   何为活跃就是事件就绪，如果事件就绪 event循坏会把该事件标志为就绪。 可设置的event循坏 int event_base_loop(struct event_base *base, int flags) #define EVLOOP_ONCE 0x01 // 代表就循坏1次 #define EVLOOP_NONBLOCK ...
Event Loop （事件循环）
qq_42356790的博客
06-30 134
事件循环 在了解什么是事件循环之前我们需要知道JavaScript的函数调用机制。 栈 函数调用形成了一个由若干帧组成的栈。—引用于MDN对于事件循环的讲解 function a(num) { let m = 10; return m + num + 1; } function b(x) { let y = 3; return a(x * y); } console.log(b(7)); // 返回 32 当调用 b时，第一个帧被创建并压入栈中，帧中包含了 b的参数和局部变量。 当 b调
事件循环（EventLoop）
Liuyiaixuexi的博客
01-04 247
EventLoop即事件循环，因为，也就是说同一时间只能做一件事。单线程就意味着所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着所有任务可以分成和，，顾名思义就是立即执行的任务，一般会直接进入到主线程执行；而就是异步执行的任务，异步任务会通过任务队列的机制来进行协调。JavaScript主线程中，主执行栈里放着同步任务1，异步任务A，异步任务C，同步任务2。同步任务由JavaScript主线程执行；异步任务给宿主环境执行；
JavaScript之Event Loop
CastileMan的随手记
03-11 397
JavaScript基于单线程执行模型，在同一时间只能执行一个任务。那么，为什么JavaScript是单线程？ JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个...
eventLoop
二进制的子苏
04-05 182
what Event Loop是一个程序结构，用于等待和发送消息和事件 a programming construct that waits for and dispatches events or messages in a program. 简单说，就是在程序中设置两个线程：一个负责程序本身的运行，称为"主线程"；另一个负责主线程与其他进程（主要是各种I/O操作）的通信，被称为"Event L...
事件循环（Event Loop）
热门推荐
qq_42865575的博客
05-18 1万+
文章目录单线程事件循环机制（Event Loop）1、同步任务与异步任务同步任务异步任务宏任务微任务2、执行过程3、执行顺序4、举例：实例1实例2 单线程 JavaScript是一种单线程的编程语言，同一时间只能做一件事，所有任务都需要排队依次完成。 为什么JS不能有多个线程呢 答：作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除
Event Loop 事件循环
W_jin的博客
03-05 133
全文：https://juejin.cn/post/6844903968292749319 JS 运行机制 JS 的执行是单线程的，所谓的单线程就是事件任务要排队执行，前一个任务结束，才会执行后一个任务，这就是同步任务，为了避免前一个任务执行了很长时间还没结束，那下一个任务就不能执行的情况，引入了异步任务（js 的异步事件就是依赖于事件循环机制）的概念。 JS 运行机制步骤 所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。 主线程之外，还存在一个.
event loop 事件循环
Jiuto_crx的博客
03-14 96
event loop 事件循环 event loop ECMAScript中没有event loop，event loop是在HTML Standard定义的 为什么要有event loop 为了协调事件，用户交互，脚本，渲染，网络等，用户代理必须使用所述的event loop 宏任务 MacroTask 和 微任务 MicroTask 任务队列分为 MicroTask（也叫Task） 和 MacroTask： 宿主环境提供的叫宏任务，由语言标准提供的叫微任务。 宿主环境： 简单来说就
event loop（事件循环/事件轮询）
yolo
11-06 269
event loop详解什么是event loopevent loop的执行过程DOM事件和event loop的关系 什么是event loop JS是单线程运行的 异步要基于回调来实现 event loop 就是异步回调的实现原理 event loop是事件轮询，一直去回调队列里查询有没有可以执行的异步函数，有的话，就放回主线程的栈里执行 event loop的执行过程 js 如何执行 从前到后，一行一行执行 如果某一行执行报错，则停止下面代码的执行 先把同步代码执行完，再执行异步 co
EventLoop事件循环
05-10
EventLoop（事件循环）是一种在单线程中实现并发的机制。它是由Node.js引擎提供的一种机制，用于处理并响应事件。Node.js中的大多数API都是基于事件驱动的，因此EventLoop是Node.js中非常重要的一个概念。 在EventLoop中，所有的I/O操作、定时器等事件都由EventLoop进行管理。Node.js会将所有的事件放入一个事件队列中，然后EventLoop会不断地从队列中取出事件，执行相应的回调函数，直到队列为空为止。 当某个事件被触发时，Node.js会将这个事件添加到事件队列中，然后等待EventLoop去处理。EventLoop会不断地从队列中取出事件，并执行相应的回调函数。如果回调函数中又有其他的I/O操作或定时器等事件，则会再次添加到事件队列中，等待EventLoop去处理。 EventLoop的设计使得Node.js在单线程中可以支持高并发的访问，同时也能够避免多线程编程中的死锁、竞态条件等问题。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值