EventLoop 事件循环机制

最新推荐文章于 2023-01-24 12:00:25 发布
最新推荐文章于 2023-01-24 12:00:25 发布
阅读量281 收藏 2
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HZ___ZH/article/details/110958662
版权
本文介绍了JavaScript的单线程特性及Event Loop事件循环机制，阐述了同步任务与异步任务的区别，重点讲解了任务队列、微任务与宏任务的概念，并探讨了setTimeout的执行不准确性以及如何利用requestAnimationFrame实现更精准的计时。
摘要由CSDN通过智能技术生成

前言

JavaScript是单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。

Event Loop

主线程从"任务队列"中读取事件，这个过程是循环不断的，所以整个的这种运行机制又称为Event Loop（事件循环）。

在这里插入图片描述

任务队列

一种是同步任务（synchronous），另一种是异步任务（asynchronous）。同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。

(1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。

(2）主线程之外，还存在一个"任务队列"（task queue）,任务队列"是一个先进先出的数据结构.
只要异步任务有了运行结果，就在&
最低0.47元/天 解锁文章
Y or Z
关注
专栏目录
事件循环机制 （Event Loop）
liuhao9999的博客
03-23 2164
事件循环机制从整体上告诉了我们 JavaScript 代码的执行顺序Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 先执行宏任务队列，然后执行微任务队列，然后开始下一轮事件循环，继续先执行宏任务队列，再执行微任务队列。 宏任务：script/setTimeout/setInterval/setImmediate/ I/O / UI Rendering 微任务：process.nextTick(
JS中的Event Loop 事件循环机制
VanCzech的博客
06-14 305
同步任务都在主线程（JS引擎线程）上执行，形成一个执行栈。 主线程之外，事件触发线程管理着一个任务队列，异步任务有运行结果时，就将事件回调放入任务队列。 执行栈中的同步任务执行完毕，JS引擎线程就会读取任务队列，添加到执行栈中，开始执行。...
事件循环机制EventLoop
叶子先生的博客
08-07 4778
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中又称执行栈，调用栈，是一种后进先出的数组结构
JavaScript的事件循环和任务队列
前端很忙
11-03 802
JavaScript语言的一大特点是单线程，意思是同一时间内，只能做一件事。 这就意味着所有的执行任务需要排队，上一个任务执行完毕，才会轮到下一个执行。 有的任务可能执行时间比较长（ajax），后面的任务要执行就得等着，如果前面的任务时间太长，就会使整个页面卡住，这样对用户体验影响非常不好。 JavaScript的一大特色，异步就解决了这个问题，异步的意思差不多就是你干你的，我干我的，都同...
深入理解 Event Loop事件循环机制
01-08
Event Loop事件循环机制 事件循环机制（Event Loop）是全面了解javascript代码执行顺序绕不开的一个重要知识点。 为什么会有事件循环机制？ javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初...
JS事件循环机制event loop宏任务微任务原理解析
10-14
JavaScript事件循环机制（Event Loop）是JavaScript异步执行的核心，它确保了代码的有序执行，尤其是在处理复杂的异步操作时。JavaScript引擎遵循ECMAScript规范，设计为单线程执行，这意味着同一时间只能执行一条...
详解eventloop事件循环机制
qq_41020757的博客
07-12 275
前言：了解js的事件循环机制，了解其底层运行的原理，让我们以不变应万变。还有一点也很重要，那就是应对各大互联网公司的面试，懂其原理，题目任其发挥，哈哈哈，再也不用担心啦。 JS 并发模型与事件循环 Stack 栈（执行栈） 栈是一种数据结构，他是后进先出的，js函数调用形成了一个由若干帧组成的栈，看如下代码 function foo(b) { let a = 10; return a + b + 11; } function bar(x) { let y = 3; retur
谈谈 Event Loop（事件循环）机制
weixin_34162228的博客
04-01 1258
在讲 Event Loop （事件循环）之前，我们来了解点 node 的东西，来帮助我们更加明白事件循环是干什么的 Node 是什么 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，Node 不是一门语言，是让 js 运行在后端的，运行时不包括 js 全集，因为在服务端中不包含 DOM 和 BOM，Node 也提供了一些新的模块，比如 http，fs等模块。...
EventLoop事件循环机制
le__seul的博客
05-16 699
先执行同步任务，再执行异步任务。对于所有任务，还可以分为宏任务和微任务
EventLoop 事件循环机制？
m0_60676278的博客
01-24 291
浏览器和 Node 环境下，microtask 任务队列的执行时机不同Node 端，microtask 在事件循环的各个阶段之间执行浏览器端，microtask 在事件循环的 macrotask 执行完之后执行。
js事件循环机制(Event Loop)
weixin_30583563的博客
02-13 470
javascript从诞生之日起就是一门 单线程的 非阻塞的 脚本语言，单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务，非阻塞靠的就是 event loop（事件循环），本文就讲解下事件循环。 event loop它最主要是分三部分：主线程、宏队列（macrotask）、微队列（microtask） js的任务队列分为同步任务和异步任务，所有的同...
事件循环(Event Loop)
不想起床
06-08 228
event loop它的执行顺序： 一开始整个脚本作为一个宏任务执行 执行过程中同步代码直接执行，宏任务进入宏任务队列，微任务进入微任务队列 当前宏任务(同步代码)执行完出队，检查微任务列表，有则依次执行，直到全部执行完 执行浏览器UI线程的渲染工作 检查是否有Web Worker任务，有则执行 执行完本轮的宏任务，回到2，依此循环，直到宏任务和微任务队列都为空 微任务包括：MutationObserver、Promise.then()或catch()、Promise为基础开发的其它技术，比如fet
Event Loop 事件循环机制
xiao_shutong的博客
06-27 540
PART 1：规范 为什么要有Event Loop？ 因为Javascript设计之初就是一门单线程语言，因此为了实现主线程的不阻塞，Event Loop 这样的方案应运而生。 小测试（1） 先来看一段代码，打印结果会是？ console.log(1) setTimeout(() => { console.log(2) }, 0) Promise.resolve()...
Eventloop事件循环机制
留着鼻涕敲代码
11-24 248
Js是一门单线程语言，eventloop是浏览器或node.js解决单线程问题的一种执行机制，也就是同步任务和异步任务的 原理。 1. 同步任务 在主线程上排队执行的任务，一个一个向下执行，如果在某一个为位置执行被终端，那么后续都不会执行（最常见的情况就是报错） 2.异步任务 不进入主线程的任务，而进入任务队列的任务，只有等任务队列通知主线程某个任务可以执行，这个任务才会被加载到主线程，开始执行。 异步任务又分宏任务与微任务 宏任务：Promise.then/catch/finally，que.
事件循环机制eventloop
最新发布
05-25
在前端开发中，常见的事件循环机制是浏览器中的Event Loop。当浏览器执行JavaScript代码时，所有的代码都是在一个单线程中执行的。当遇到异步操作（如定时器、HTTP请求等）时，浏览器会将这些操作放入事件队列中，并...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值