Event loop 宏任务微任务 详解

已于 2022-09-24 00:08:58 修改
阅读量561 收藏 4
点赞数 1
分类专栏： JS 文章标签： javascript 前端 servlet
于 2022-09-23 19:46:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67948827/article/details/127012400
版权

EventLoop即事件循环，是指浏览器或者Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用的异步的原理。

Event Loop是一个程序结构，用于等待和发送消息和事件。简单说，就是在程序中设置两个线程：一个负责程序本身的运行，称为"主线程"；另一个负责主线程与其他进程（主要是各种I/O操作）的通信，被称为"Event Loop线程"（可以译为"消息线程"）。


官方解释：JavaScript主线程从"任务队列"中读取异步任务的回调函数，放到执行栈中依次执行。这个过程是循环不断的，所以整个的这种机制又称为EventLoop(事件循环)

我们都知道 js是单线程的
原因:。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个

最低0.47元/天 解锁文章
more名奇妙
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端js中的事件循环eventloop机制详解
10-17
【事件循环(event loop)机制详解】 在JavaScript中，事件循环是执行异步代码的核心机制。由于JavaScript引擎是单线程的，它一次只能执行一个任务。为了处理异步操作，如定时器、网络请求或用户交互，JavaScript引入...
javascript中的event loop事件循环详解
12-02
此时，宏任务队列和微任务队列都已清空，一次完整的Event Loop结束。 理解Event Loop对于编写高效的JavaScript代码至关重要，因为它决定了异步操作的执行顺序。例如，`setTimeout`的延迟时间并不是绝对准确的，因为...
Event loop微任务宏任务
BUG_devil的博客
07-29 622
微任务、宏任务
这一次，彻底弄懂 JavaScript 执行机制（写的非常好）
qq_34117170的博客
02-09 883
本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论： *javascript是按照语句出现的顺序执行的* 看到这里读者要打人了：我难道不知...
循环机制（event loop）之宏任务和微任务
最新发布
weixin_38647954的博客
05-06 1050
js任务分为同步任务和异步任务异步任务又分为宏任务和微任务，其中异步任务属于耗时的任务。
一次搞懂-JS事件循环之宏任务和微任务
张宁乐的博客
04-03 996
众所周知，JS 是一门单线程语言，可是浏览器又能很好的处理异步请求，那么到底是为什么呢？
Event-Loop、宏任务、微任务到底是个啥？
小陈的博客
09-24 485
为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。有需要的小伙伴，可以点击下方卡片领取，无偿分享。
让你理解: 事件循环 eventloop
hmxs_hmbb的博客
05-23 535
面试官问起事件循环, 不会回答? 我来让你知道什么是事件循环
JavaScript运行机制之事件循环(Event Loop)详解
10-25
主要介绍了JavaScript运行机制之事件循环(Event Loop)详解,本文从多个方面讲解了Event Loop,需要的朋友可以参考下
JS异步宏队列微队列原理详解
10-14
JavaScript中的异步处理机制是基于事件循环（Event Loop）的，这一机制涉及到宏队列（Macro Task Queue）和微队列（Micro Task Queue）的概念。理解这两个队列的工作原理对于编写高性能、非阻塞的前端代码至关重要。...
大厂面试高频：一文彻底掌握EventLoop事件循环机制（微任务/宏任务）
候郑青
08-03 398
大厂面试高频：EventLoop事件循环机制和微任务宏任务，你彻底掌握了吗，一文帮你彻底掌握，拿下大厂offer
微任务宏任务以及EventLoop详解
陆小森_红齐飘飘的博客
10-10 685
先总结下那些我们常用的api是宏任务，哪些是微任务。 宏任务 scripts 正常同步脚本 setTimeout 定时脚本 setInterval 定时循环执行 setImmediate node 常用 浏览器端兼容差 requestAnimationFrame 按照屏幕刷新频率执行一次的时间执行 I/O 数据读取，交互事件 UI rendering 页面渲染 微任务 Promis...
记录--Event Loop事件循环、微任务、宏任务
林恒的博客
06-30 226
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 JS是一门单线程语言，单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行下一个任务。这样所导致的问题是：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的觉。为了解决这个问题，JS中出现了同步和异步。他们的本质区别是：一条流水线上各个流程的执行顺序不同。在讲JS任务执行机制前，先要了解一...
js 中的 Event Loop 以及 宏任务 与 微任务
青蛙king的博客
11-23 809
Engine（执行引擎）：编译并执行 JavaScript 代码，完成内存分配、垃圾回收等。Runtime（执行环境）：为 JavaScript 提供一些对象或机制，使它能够与外界交互。在 JavaScript 运行的时候，JavaScript Engine 会创建和维护相应的堆（Heap）和栈（Stack），同时通过 JavaScript Runtime 提供的一系列 API（例如：setTimeout、XMLHttpRequest 等）来完成各种各样的任务。
说一说事件循环Event loop，宏任务与微任务？
油墨香^-^的博客
10-18 212
浏览器的事件循环：执行js代码的时候，遇见同步任务，直接推入调用栈中执行，遇到异步任务，将该任务挂起，等到异步任务有返回之后推入到任务队列中，当调用栈中的所有同步任务全部执行完成，将任务队列中的任务按顺序一个一个的推入并执行，重复执行这一系列的行为。异步任务又分为宏任务和微任务。微任务：等宏任务中的主要功能都完成后，渲染引擎不急着去执行下一个宏任务，而是执当前宏任务中的微任务。宏任务：任务队列中的任务称为宏任务，每个宏任务中都包含了一个微任务队列。
ES6-EventLoop,宏任务、微任务和API 接口案例
qq_46199553的博客
09-06 505
EventLoop JavaScript 是单线程的语言 JavaScript 是一门单线程执行的编程语言。也就是说，同一时间只能做一件事情。 单线程执行任务队列的问题： 如果前一个任务非常耗时，则后续的任务就不得不一直等待，从而导致程序假死的问题。 2. 同步任务和异步任务 为了防止某个耗时任务导致程序假死的问题，JavaScript 把待执行的任务分为了两类： ① 同步任务（synchronous） ⚫ 又叫做非耗时任务，指的是在主线程上排队执行的那些任务 ⚫ 只有前一个任务执行完毕，才能执行后一个
深入理解 事件循环event loop 这一篇就够了
一枚不断学习的小码农一枚~
03-26 1893
首先来了解一下浏览器执行中的线程 主线程： js引擎执行的线程，这个线程只有一个，页面渲染、函数处理都在这个线程上。 工作线程：也称幕后线程，这个线程可能存在于浏览器和js引擎内，与主线程是分开的，处理文件读取、网络请求等异步事件 任务队列（Event Queue）： 所有的任务都可以分为同步任务和异步任务 同步任务即为立即执行的任务，一般直接进入主线程中执行 异步任务不进入主线程，先放到辅助线程中处理，一般分为"发起函数"和"回调函数"(如setTimeout(fn(), 100)中setTimeout
event loop ，宏任务，微任务之详解
gisercug的博客
07-05 1233
众所周知，javaScript是单线程的语言，Event Loop是javascript的执行机制 同步，异步 对于以上我的理解是：JavaScript是单线程的语言，可是在当存在大型图片加载，文件请求，定时器操作等情况下，可能会堵塞代码的运行，于是出现同步，异步的情况出现，在代码中，代码运行过程中，同步代码会放在执行栈中，当遇到异步的代码时，会将任务保存在一个队列中，当执行栈中空了之后，队列弹出一个任务到执行栈中运行，直到所有任务运行完毕。而异步任务存在微任务和宏任务， 微宏任务有那些？ 宿主环境提供的方
【面试必备】事件循环(EventLoop)、宏任务微任务
qq_44588612的博客
05-27 1132
本片内容主要讲解宏任务和微任务、事件循环，很经典的前端面试内容；
Netty基础入门与进阶知识点详解
- **EventLoop**：Netty的核心组件，它是单线程模型，负责监听通道（channel）上的事件并执行相应操作，保持了高并发性能。 - **Handler与Pipeline**：Handler是处理网络请求的逻辑单元，而Pipeline则是处理请求的...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值