事件轮询（Event Loop）

已于 2022-07-17 16:24:52 修改
阅读量437 收藏 1
点赞数 1
分类专栏： JS 文章标签： 前端 javascript 开发语言
于 2022-07-17 16:15:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_48772566/article/details/124710240
版权
本文介绍了JavaScript的事件轮询机制，包括Js的单线程特性、调用栈、任务队列、宏任务队列、微任务队列的概念，以及事件轮询的执行流程。通过两个示例题目解析了异步代码的执行顺序，帮助理解同步和异步任务的执行顺序。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

事件轮询（Event Loop)

  • 事件轮询前后端都存在，本篇单指客户端

一、Js 特性：

  • js 是单线程（single-threaded）
  • js 代码单线程执行
  • 例如：
console.log('start');
for (var i = 0; i < 1000000; i++)
最低0.47元/天 解锁文章
我理解的JS事件轮询机制
Metropolis_cn的博客
03-26 3521
JS是单线程语言，深入理解JS里的Event Loop 划重点！！！ JS的执行机制(一)： 1.首先判断JS是同步还是异步,同步就进入主进程,异步就进入event table 2.异步任务在event table中注册函数,当满足触发条件后,被推入event queue 3.同步任务进入主线程后一直执行,直到主线程空闲时,才会去event queue中查看是否有可执行的异步任务...
详解JavaScript的运行机制：Event Loop（事件轮询机制）
RookieLink
01-02 1271
前言 有人称Event Loop为事件循环机制，而我更愿意将其解释为事件轮询机制，在之后的内容中你会感受到这一点的区别在哪里。说是事件轮询机制，我们也可以说是任务轮询机制，因为英文是Event Loop，所以我们在此文中将其翻译为事件轮询。 阅读本文之前，首先对JavaScript的单线程和异步要有一定的了解，对此不了解的可以先阅读一下我的另一篇博文《JavaScript的单线程和异步》。 在讲J...
JS事件轮询机制（Event Loop）
关注最新技术问题并持续维护更新
05-26 9772
概念     事件轮询 (eventloop) 是"一个解决和处理外部事件时将它们转换为回调函数的调用的实体(entity)"     JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。所有任务都需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。 任务队列     “ 任务队列 " 是一个先进先出的数据结构，排在前面...
事件轮询 Event Loop
weixin_30510153的博客
07-16 437
今天在看Node.js的时候接触到了轮询的概念，原来一直不知道，轮询一直存在于JavaScript中，每天都在接触它，然而并不知道，哈哈。 一、概念理解 事件轮询（Event Loop）是一个很重要的概念，指的是计算机系统的一种运行机制。JavaScript语言就是采用的这种机制，来解决单线程运行带来的一些问题。 想要理解EventLoop，就要从程序的运行模式讲起。运行以后的程序叫做"...
事件轮询机制
weixin_71949204的博客
10-11 871
在js的异步任务中，分为宏任务和微任务宏任务（由宿主也就是浏览器和node引发）： setTimeout，setInterval，Ajax（网络请求），DOM事件微任务（js引擎发布的任务）： Promise async/await promise本身是同步的，then/catch的回调函数是异步的注意：微任务比宏任务的执行时间要早。
事件轮询（event loop）
今天也要爱小姜的博客
03-13 5642
目录 一、进程与线程 二、浏览器渲染流程 三、JS运行机制 四、微任务与宏任务 五、实例分析 一、进程与线程 进程：是cpu资源分配的最小单位（是能拥有资源和独立运行的最小单位）； 线程：是cpu任务调度和执行的最小单位（线程是建立在进程基础上的一次程序运行单位，一次进程可以有多个线程）； 同一进程的线程共享本进程的地址空间和资源，而进程之间的地址空间和资源是相互独立的。 注意：浏览器的渲染进程是多线程的，主要线程如下： 1、GUI渲染线程 负责渲染浏览器界面，解析HTML、CSS，构
Node.JS中事件轮询(Event Loop)的解析
10-20
对NodeJs的事情轮询机造一孔之见。查阅了些许材料后，总算掀开了其神奇的里纱。下面这篇文章主要介绍了Node.JS中事件轮询(Event Loop)的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。
浏览器与Node环境的事件循环(Event Loop)区别
最新发布
m0_56344834的博客
11-01 1343
浏览器环境下，microtask的任务队列是每个macrotask执行完之后执行。 而在Node.js中，microtask会在事件循环的各个阶段之间执行，也就是一个阶段执行完毕，就会去执行microtask队列的任务。
浅析 event-loop 事件轮询
github_38140984的博客
10-11 757
原文出自：https://www.pandashen.com 浏览器中的事件轮询 JavaScript 是一门单线程语言，之所以说是单线程，是因为在浏览器中，如果是多线程，并且两个线程同时操作了同一个 Dom 元素，那最后的结果会出现问题。所以，JavaScript 是单线程的，但是如果完全由上至下的一行一行执行代码，假如一个代码块执行了很长的时间，后面必须要等待当前执行完毕，这样的效率是非...
js事件轮询（event loop）
zkx529的博客
06-03 1357
以代码执行顺序而言，先代码同步执行，先同步后异步，异步中执行一个宏任务之后清空微任务，然后再执行一个宏任务，然后再清空微任务。！！new promise是同步任务，promise.then才是微任务。练习部分，可以先自己做一下，然后不懂之处借鉴之后的讲解部分。讲解二略冗长是为了更为清晰的介绍事件轮询机制，核心是这个机制，练习是帮助理解。不对之处，欢迎指正，模糊之处，欢迎讨论。
事件轮询
weixin_41358807的博客
03-12 208
js是一种单线程语言，事件轮询就是用来解决一些单线程带来的问题； 首先我们来了解一下宏任务和微任务 宏任务：script，setTimeOut,setTimeInterval 微任务：promise.then,promise.nextTick,Object.observer promise是同步任务 首先，script中全部的代码作为一个宏任务进入栈中； 先执行同步任务 然后，将所有的宏任务放入宏任务队列，微任务放入微任务队列 先清空微任务队列，再取一个宏任务执行，再清空微任务队列 依次循环，直到所有的任务
JS：关于事件轮询（event loop）机制
KongKong_Rac的博客
10-12 554
因为js是单线程语言，所以只有一个主线程来执行代码。 那么遇到异步任务的时候，js是如何实现非阻塞，或事件循环的（event loop）？ 浏览器环境下js引擎的事件循环机制 js顺序执行代码，遇到同步代码，将代码推入执行栈（call stack）； 执行完成后清空调用栈，再执行下一行代码； 遇到异步任务，将异步任务放到Web API里面； 然后继续执行接下来的同步代码，直到同步代码执行完毕。 期间若异步事件返回结果（如定时器时间已到的情况），将异步任务推入回调队列（callback queue）中。 当执
事件轮询机制 Event Loop、浏览器更新渲染时机、setTimeout VS setInterval
Lyrelion的博客
12-12 2437
事件轮询机制 Event Loop、浏览器更新渲染时机、setTimeout VS setInterval
什么是事件轮询(EventLoop)
wdnmd_xbzz的博客
06-08 700
事件轮询
JS事件轮询
Col0ring的博客
09-22 1841
此篇文章记录了油管上的一次关于事件循环的演讲，其中剖析了事件环、轮循机制、RAF与微任务，以一篇教程的形式来书写，其中也包含了作者对于事件循环的一点见解。
事件轮询(Event Loop) 宏任务与微任务
weixin_58340013的博客
09-22 2385
事件轮询(Event Loop) 宏任务与微任务
事件轮询机制理解
热门推荐
苏无的博客
08-23 1万+
首先简单了解下进程和线程的概念 进程：cpu资源分配的最小的单位，是拥有资源和独立运行的最小单位，程序执行时，会创建一个进程，cpu为其分配资源，并加入进程就绪队列。 线程：cpu调度的最小单位，是程序执行的最小单位。 进程与线程的关系：线程是在进程的基础上建立一次程序运行单位，一个进程可以有多个线程。进程相当于工厂，线程相当于工人，各进程间相互独立，同个进程中的线程共享其中的资源。 浏览器是...
event-loop 事件轮询
qq_35264936的博客
08-14 197
javascript的事件轮询 JavaScript 是单线程的，但是如果完全由上至下的一行一行执行代码，假如一个代码块执行了很长的时间，后面必须要等待当前执行完毕，这样的效率是非常低的，所以有了异步的概念，确切的说，JavaScript 的主线程是单线程的，但是也有其他的线程去帮我们实现异步操作，比如定时器线程、事件线程、Ajax 线程。 最近看到这样一道有关事件循环的前端面试题： async ...
事件循环机制eventloop
04-25
好的，您的问题是什么是事件循环机制eventloop？ 事件循环机制eventloop是指一种用于处理事件驱动编程的机制。在这种机制中，程序会等待事件的发生，而不是通过不断的轮询来等待某种操作的完成。当一个事件被触发时，程序将会以预设的顺序去执行这些事件，同时忽略那些不相关的或者已经过期的事件。在这个过程中，事件循环机制eventloop会不断地检查、等待或执行事件，并把这些事件分类放置到处理队列中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值