js中事件循环

最新推荐文章于 2024-08-04 11:23:30 发布

qiubai_ouyang

最新推荐文章于 2024-08-04 11:23:30 发布

阅读量158

点赞数

分类专栏： js 文章标签： js event 队列

本文链接：https://blog.csdn.net/qiubai_ouyang/article/details/114296459

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

首先，js是单线程的所以事件都是一个一个执行的；

然后事件循环是执行栈中先去宏任务拿同步事件先执行，然后再拿异步事件执行。执行异步事件时遇到事件，会把这个事件放到宏任务里面去排队。

执行完第一轮宏任务，就先不会管放进去的事件了。接着去微任务里面拿事件到执行栈执行，执行的时候再遇到异步的事件又给它放回微任务事件队列去排队，这就是一次循环。

第一次循环后，又开始到宏任务去取事件来执行，这样的循环叫事件循环。

宏任务 (macrotask) 里面事件排队的顺序：同步事件，setTimeout|setInterval|setImmediate|requestAnimationFrame，

微任务（microtask ）里面事件队列排队先进先出：process.nextTick（node），MutationObserver，Promise.then catch finally

法国南部

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qiubai_ouyang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

理解JS事件循环

10-23

事件循环中的一个重要方面是Web Workers，它允许我们创建后台线程来执行JavaScript代码，以避免阻塞主线程。后台线程有自己的调用栈、事件循环和内存（因此不会共享变量）。理解事件循环对于编写高效且正确的...

JS的事件循环(Event Loop)

xufang461010923的专栏

09-21

3901

一、任务树。

参与评论您还未登录，请先登录后发表或查看评论

阿里一面：熟悉事件循环？那谈谈为什么会分为宏任务和微任务。

frontend_nian的博客

03-17

2928

事件循环由宏任务和在执行宏任务期间产生的所有微任务组成。完成当下的宏任务后，会立刻执行所有在此期间入队的微任务。这种设计是为了给紧急任务一个插队的机会，否则新入队的任务永远被放在队尾。区分了微任务和宏任务后，本轮循环中的微任务实际上就是在插队...

JavaScript的事件循环机制

最新发布

weixin_41978174的博客

08-04

961

JavaScript的事件循环机制是理解异步编程和性能优化的关键。通过掌握事件循环、任务队列和微任务队列的工作原理，开发者可以编写出更高效、更稳定的代码。

【JavaScript】事件循环

Superman_H的博客

08-19

1860

# 进程与线程 > #### 进程进程是操作系统进行任务调度和资源分配的基本单位。 - 进程是操作系统对程序的一种抽象，它包含了程序执行所需的资源和状态信息。 - 操作系统可以同时运行多个进程，每个进程都是相互独立的执行环境。 - 进程之间通过进程间通信（IPC，Interprocess Communication）机制来进行交互和数据传输。 > #### 线程线程是进程内的执行单元，是操作系统调度的最小执行单位。 - 一个进程至少有一个线程。在进程开启后会自动

JavaScript：事件循环机制（EventLoop）

snowball的博客

11-03

8450

当一个宏任务中产生了微任务，这些微任务会先被放到一个专门的队列中，等待当前宏任务执行完毕时再执行。而在执行这些微任务时，如果又产生了新的微任务，这些新的微任务会被放到队列的末尾，等待执行。当当前任务执行完成后，在下一个事件循环的开始，JavaScript会从任务队列中取出一个任务，执行该任务。然后再执行宏任务队列中的任务。总的来说，JavaScript通过事件循环机制来实现异步操作，将异步任务放到任务队列中，然后在任务队列中等待执行，直到JavaScript引擎空闲，再将任务队列中的任务拿出来执行。

一文掌握JS 事件循环（Event Loop）

z止于至善的博客

11-09

3379

本文详细讲解了浏览器和 NodeJS 中事件循环的流程，虽然底层机制不一样，但在最终表现上是基本一致的。理解事件循环的原理，可以帮助我们准确分析和运用各种异步形式，减少代码的不确定性，在一些执行效率优化上也能有明确的思路。在前端面试中，事件循环相关的内容也是高频出现的技术点，理解它也有助于提升面试通过率，增加面试信心。} , 0);

详解JS浏览器事件循环机制

10-17

JavaScript浏览器事件循环机制是JavaScript在浏览器环境中执行的核心机制，它涉及到多线程、任务队列以及事件处理。首先，理解进程和线程的概念至关重要。进程是操作系统分配资源的基本单位，而线程是执行流，是CPU...

实例分析js事件循环机制

10-18

在JavaScript中，事件循环机制（Event Loop）和任务队列（Task Queue）是关键概念。当JS执行时，会形成调用栈，函数调用时，返回地址、参数和本地变量都会被推入栈中。如果当前函数中调用了另一个函数，那么这个函数...

深入浅析Node.js 事件循环

12-23

Node.js 是单进程单线程应用程序，但是通过事件和回...Node.js 单线程类似进入一个while(true)的事件循环，直到没有事件观察者退出，每个异步事件都生成一个事件观察者，如果有事件发生就调用该回调函数. 事件驱动模型

详解node.js 事件循环

10-15

Node.js的事件循环可以理解为依次检查这些阶段，根据事件的不同，把它们放入相应的阶段队列中处理。事件循环会一直运行，直到事件队列为空，才会退出。总之，Node.js的事件循环机制使得Node.js能以非阻塞的方式...

js事件循环机制

smell201611010513的博客

03-12

1589

JavaScript事件循环机制、微任务与宏任务、同步任务与异步任务

JS中的事件循环机制(Event Loop)

qq_23858785的博客

12-20

1761

JS中的事件循环机制(Event Loop)

js的事件循环机制（详解）

m0_52900946的博客

07-23

3646

当代码中遇到需要等待一部操作结果的语句时，js引擎不会一直等待，而是将该语句放入事件的队列中，并执行下一步语句。异步操作完成的时候，就会将其对应的事件加入到事件队列中。指的是需要当前任务执行完成后立即执行的任务，例如Promise的then / catch / finally方法。指的是需要被放入事件队列中的任务，例如setTimeout / setInterval等。用来存储事件的队列，包括鼠标点击、键盘输入、定时器等等。用来存储正在执行的代码的栈。● 首先基本定义，宏任务和微任务。

Javascript中的事件循环机制详解

Dreamweaver_Bob的博客

03-08

3378

事件循环负责执行代码、收集和处理事件以及执行队列中的子任务。JavaScript中的事件循环是一种异步执行机制，作用是协调和管理各种异步任务的执行顺序，以确保JavaScript代码执行的顺序和预期一致。代码在执行时会先执行同步任务，而异步任务则被放入任务队列中等待执行。事件的循环机制会不断地检查任务队列中是否有任务需要执行，如果有，则将任务取出并执行。在执行异步任务时，引擎会挂起当前任务的执行，去执行异步任务，等到异步任务执行完成后，再回到之前的任务继续执行。

【js-事件循环】

u014407363的博客

04-18

312

渡一教育

js事件循环

weixin_45086164的博客

11-09

354

js事件循环

带你深入理解js事件循环机制

Web_boom的博客

11-03

6630

整理了一套《前端大厂面试宝典》，包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。

JavaScript 运行机制（EventLoop）详解：一篇文章全部搞懂事件循环

weixin_36701362的博客

07-24

955

我们在页面中通常会发大量的请求，获取后端的数据去渲染页面。因为浏览器是单线程的，试想一下，当我们发出异步请求的时候，阻塞了，后面的代码都不执行了，那页面可能出现长时间白屏，极度影响用户体验。所以JS采取了"异步任务回调通知"的模式，而实现这个“通知”的，正是事件循环，当遇到异步任务时，就将这个任务交给对应的线程，当这个异步任务满足回调条件时，对应的线程又通过事件触发线程将这个事件放入任务队列，然后主线程从任务队列取出事件继续执行。说了这么多，终于轮到我们的主角了，下面有请任务队列和事件循环登场。...

js中事件循环机制-事件队列

03-28

JavaScript中的事件循环机制是一种用于处理异步操作的机制。它基于事件驱动的编程模型，通过事件队列来管理和执行异步任务。 事件循环机制的核心是一个事件循环，它不断地从事件队列中取出事件并执行。事件队列是一个先进先出的数据结构，用于存储待执行的事件。当一个异步任务完成时，会生成一个事件，并被添加到事件队列中。 事件循环的执行过程如下： 1. 执行同步任务：首先执行当前调用栈中的同步任务，直到调用栈为空。 2. 执行微任务：检查微任务队列，如果有微任务，则依次执行所有微任务，直到微任务队列为空。 3. 执行宏任务：检查宏任务队列，如果有宏任务，则选择其中一个宏任务执行。执行完该宏任务后，回到第2步。 4. 重复以上步骤：重复执行第2步和第3步，直到事件队列和微任务队列都为空。在JavaScript中，常见的宏任务包括定时器回调、I/O操作、UI渲染等，而微任务则包括Promise的回调、MutationObserver的回调等。微任务具有更高的优先级，会在下一个宏任务之前执行。