EventLoop 微任务和宏任务

最新推荐文章于 2025-06-17 08:13:33 发布
转载 最新推荐文章于 2025-06-17 08:13:33 发布 · 332 阅读 · 0

博主分享了两篇讲解较好且容易理解的文章。基础篇文章链接分别为https://blog.youkuaiyun.com/lc237423551/article/details/79902106 和https://juejin.im/post/59e85eebf265da430d571f89 ，可先看前者，若觉得不够细致再看后者。

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

【前端面试】全网最全javascript Event Loop、任务队列解释
hhhh
08-15 1116
Axios 是一个基于 Promise 的 HTTP 客户端，用于执行异步的 HTTP 请求。它利用了 JavaScript 的异步编程特性，特别是 Promise，来处理请求和响应。Axios 的请求和响应处理遵循 JavaScript 的事件循环和宏任务/微任务队列，但它本身并不定义为宏任务。宏任务通常指的是浏览器或 Node.js 环境中的高级别异步操作，如定时器、网络请求等，而 Axios 作为这些操作的封装，其内部实现细节对用户来说是透明的。性能影响过度使用微任务（如大量Promise。
js事件循环机制（event loop）之宏任务/微任务
杨前露的博客
10-18 2768
1.关于js js是单线程的，即主线程就只有一个 2.js事件循环 除了广义的同步任务和异步任务，对任务更细致费划分： macro-task(宏任务)：包括整体代码script，setTimeout，setInterval等 micro-task(微任务)：Promise，process.nextTick等 js执行的时候： 第一步：js解释器识别所有js代码，将同步的代码放到.........
记录--Event Loop事件循环、微任务、宏任务
林恒的博客
06-30 302
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 JS是一门单线程语言，单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行下一个任务。这样所导致的问题是：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的觉。为了解决这个问题，JS中出现了同步和异步。他们的本质区别是：一条流水线上各个流程的执行顺序不同。在讲JS任务执行机制前，先要了解一...
宏任务与微任务
liuchuan__csdn的博客
06-17 1130
摘要：宏任务（如setTimeout）和微任务（如Promise.then）是JavaScript异步机制的核心概念。宏任务在事件循环开始时执行，微任务则在当前宏任务结束后立即执行。执行顺序遵循同步代码→微任务→宏任务的规律。合理使用两者能优化DOM操作、避免UI卡顿，在浏览器和Node.js环境中存在执行差异。掌握宏微任务机制对编写高性能前端应用和应对技术面试至关重要，其本质在于理解事件循环中不同任务的优先级和执行时机。
EventLoop、宏任务、微任务
aceyaya的博客
05-18 319
为什么要EventLoop？ 　　JS 作为浏览器脚本语言，为了避免复杂的同步问题（例如用户操作事件以及操作DOM），这就决定了被设计成单线程语言，而且也将会一直保持是单线程的。而在单线程中若是遇到了耗时的操作（IO，定时器，网络请求）将会一直等待，CPU利用率将会大打折扣，时间大量浪费。所以需要设计一种方案让一些耗时的操作放在一边等待，让后面的函数先执行，于是有了EventLoop的设计。 将任务分为两种： 同步任务 异步任务 定时器都是异步操作 事件绑定都是异步操作 AJAX中一般采取的异步操作（虽然也
Event loop微任务宏任务
BUG_devil的博客
07-29 727
微任务、宏任务
宏任务、微任务与Event Loop
xuzhaokuan的博客
03-16 416
说到宏任务和微任务，我们就不得不提 Event Loop 了 首先我们要知道两点： JavaScript是单线程的语言 Event Loop是javascript的执行机制 javascript事件循环 一般来说，非阻塞性的任务采取同步的方式，直接在主线程的执行栈完成。 一般来说，阻塞性的任务都会采用异步来执行，异步的工作一般会交给其他线程完成，然后回调函数会放到事件队列中。 从...
Vue学习记录之十九 Event Loop,宏任务和微任务
LvManBa的博客
10-22 1005
当一个宏任务执行完毕后，会检查是否有微任务队列，如果有，则将微任务队列中的所有任务依次执行完毕，然后再继续选择下一个宏任务执行。这样的过程循环进行，形成了事件循环。微任务通常在宏任务执行完毕后立即执行，因此微任务具有更高的优先级，可以在页面渲染前执行，从而提供更好的用户体验。微任务的优先级高于宏任务，因此微任务会在本轮宏任务执行结束后立即执行，而不是等到下一个事件循环。按顺序执行， 同步任务直接执行，异步任务进入异步队列，执行完以后，在进行入异步列队，然后在看是同步还是异步任务，如此循环执行。
JavaScript 任务队列详解：Event Loop、宏任务与微任务
一萧烟雨任平生
02-17 1596
Event Loop 执行顺序执行同步代码（主线程上的任务）。执行所有微任务（Microtask Queue）。执行一个宏任务（Macrotask Queue）。回到步骤 2，执行所有新的微任务。继续执行宏任务队列中的下一个任务。优先级对比微任务 > 宏任务（微任务会在每个宏任务前全部执行完）。多个微任务会按照添加顺序执行。多个宏任务也是按照添加顺序执行。掌握事件循环（Event Loop）
前端常见面试题之异步（event loop, promise, async/await, 宏任务/微任务）
jieyucx的博客
01-11 1724
1.执行async函数，返回的是Promise对象2. await相当于Promise的then3. try…catch可捕获异常，代替了Promise的catch。
12. code微任务和宏任务.zip
08-28
code微任务和宏任务.zip"文件中，我们很可能会探讨JavaScript中的事件循环（Event Loop）以及它如何处理微任务（Microtasks）和宏任务（Macrotasks）。这两个概念是理解JavaScript非阻塞I/O和异步编程的关键。 ...
JS Event Loops 微任务 宏任务
weixin_45345105的博客
11-14 277
EventLoop、宏任务、微任务 console.log(1) setTimeout(function () { 进入宏任务队列 console.log(2) }, 0) console.log(3) console.log('global begin') 1 setTimeout(function timer1 () { queueMicrotask(() => { 把函数内的东西放入微任务队列 console.log('queueMicrotask') 2 })
微任务和宏任务
胡图图的博客
03-31 212
1. 常见宏任务 新程序或子程序被直接执行，例如<script>元素里的代码被执行 事件回调函数，例如点击事件的回调函数 setTimeout()和setInterval() requestAnimationFrame I/O操作 setImmediate UI操作 2. 常见微任务 Promise.then()，.catch()，final() MutationObserver Object.observe nodejs中的process.nextTick() 3. 事件循环 事件循环
微任务与宏任务
Mr.Wang开发日常
03-31 465
总结来说，微任务和宏任务的主要区别在于它们在事件循环中的执行时机不同，微任务总是比宏任务更早执行，且在一个事件循环 tick 内，所有微任务会按照先进先出的原则被执行完毕。虽然延时设置为 0，但这并不意味着立即执行，而是将其放入浏览器的任务队列（Task Queue），等待当前执行栈为空时再执行，因此 "b" 不会立即输出。当所有同步代码执行完毕后，主线程会检查微任务队列并执行其中的任务，此时输出 "e"。，其回调函数也会被放入任务队列等待执行，因此 "d" 也不会立即输出。函数，输出 "a"。
微任务/宏任务
qq965359889的博客
09-25 1774
js代码在执行的时候，会先执行同步代码，遇到异步宏任务则将异步宏任务放入宏任务队列中，遇到异步微任务则将异步微任务放入微任务队列中，当所有同步代码执行完毕后，再将异步微任务从队列中调入主线程执行，微任务执行完毕后，再将异步宏任务从队列中调入主线程执行，一直循环至所有的任务执行完毕（完成一次事件循环EventLoop）。答案是不会的，setTimeout(fn,0)的含义是，指定某个任务在主线程最早可得的空闲时间执行，意思就是不用再等多少秒了，只要主线程执行栈内的同步任务全部执行完成，栈为空就马上执行。
让你理解: 事件循环 eventloop
hmxs_hmbb的博客
05-23 693
面试官问起事件循环, 不会回答? 我来让你知道什么是事件循环
2020-09-27
weixin_43909183的博客
09-27 106
事件循环一句话个人总结 主线程宏任务先执行，setTimeout这类宏任务和微任务放入队列，主线程执行完毕先执行所有微任务 之后执行timeout这类的宏任务
【原生】 微任务和宏任务
weixin_30590285的博客
09-05 176
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
js事件循环机制和宏任务 微任务
最新发布
07-12
- 引用[3]: js事件循环机制（event loop）宏任务微任务详解。 - 引用[4]: JavaScript事件循环、宏任务与微任务详解与进阶解析。 这些引用描述了事件循环的核心：JavaScript是单线程的，事件循环处理异步任务，通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值