宏任务（macrotask ）和微任务（microtask ）

最新推荐文章于 2025-06-17 08:13:33 发布
最新推荐文章于 2025-06-17 08:13:33 发布
阅读量1.2k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 总结 文章标签： 队列 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_38086247/article/details/109639472
本文介绍了JavaScript中的宏任务(macrotask)和微任务(microtask)的概念。这两种任务类型是JavaScript异步执行机制的重要组成部分。文章解释了它们如何被JS引擎处理，即先执行宏任务队列中的第一个任务，然后执行所有微任务，这一过程重复进行直到队列为空。

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

macrotask 和 microtask 表示异步任务的两种分类

在挂起任务时，JS 引擎会将所有任务按照类别分到这两个队列中，首先在 macrotask 的队列（这个队列也被叫做 task queue）中取出第一个任务，执行完毕后取出 microtask 队列中的所有任务顺序执行；之后再取 macrotask 任务，周而复始，直至两个队列的任务都取完。

在这里插入图片描述

宏任务和微任务之间的关系

在这里插入图片描述
宏任务：
在这里插入图片描述

微任务：
在这里插入图片描述

转载参考：添加链接描述

深入理解JavaScript中的macro-task(宏任务)与micro-task(微任务)
_
01-10 1770
1.宏任务 页面中的大部分任务都是在主线程上执行的，这些任务包括了： 渲染事件（如解析 DOM、计算布局、绘制）； 用户交互事件（如鼠标点击、滚动页面、放大缩小等）； JavaScript 脚本执行事件； 网络请求完成、文件读写完成事件。 为了协调这些任务有条不紊地在主线程上执行，页面进程引入了消息队列和事件循环机制，渲染进程内部会维护多个消息队列，比如延迟执行队列和普通的消息队列。然后主线程采用一个 for 循环，不断地从这些任务队列中取出任务并执行任务。我们把这些消息队列中的任务称为宏任务。
前端常见面试题之异步（event loop, promise, async/await, 宏任务/微任务）
jieyucx的博客
01-11 1717
1.执行async函数，返回的是Promise对象2. await相当于Promise的then3. try…catch可捕获异常，代替了Promise的catch。
macrotask和microtask
小钢炮的博客
12-10 442
1.看一道面试题 问下面的打印结果 console.log('0'); setTimeout(function() { console.log('1'); }, 0); Promise.resolve() .then(() => { console.log('2'); }).then(() => { console.log('3'); }); async1(); a...
宏任务与微任务
最新发布
liuchuan__csdn的博客
06-17 1004
摘要：宏任务（如setTimeout）和微任务（如Promise.then）是JavaScript异步机制的核心概念。宏任务在事件循环开始时执行，微任务则在当前宏任务结束后立即执行。执行顺序遵循同步代码→微任务→宏任务的规律。合理使用两者能优化DOM操作、避免UI卡顿，在浏览器和Node.js环境中存在执行差异。掌握宏微任务机制对编写高性能前端应用和应对技术面试至关重要，其本质在于理解事件循环中不同任务的优先级和执行时机。
macrotask 和 microtask
m0_65247598的博客
02-18 177
宏任务（macrotask ）和微任务（microtask ）
JavaScript宏任务(macrotask)和 微任务(microtask) 执行顺序
热门推荐
^_^
06-14 1万+
一、JavaScript单线程 JavaScript是单线程指的是同一时间只能干一件事情，只有前面的事情执行完，才能执行后面的事情。导致遇到耗时的任务时后面的代码无法执行。 在此之前啊 我们必须了解同步和异步 1. 同步任务（synchronous） console.log(123); console.log(456); for (let i = 1; i <= 5; i++) { console.log(i); } 顾名思义 得到的一定是..
浏览器的消息队列和事件循环机制（宏任务和微任务）
jieyucx的博客
09-01 1084
浏览器中的消息队列和事件循环机制是一种用于处理异步任务的方式。浏览器需要能够同时处理多个任务，如网络请求、用户交互等。为了避免任务的阻塞，浏览器使用消息队列来管理任务的执行顺序，并通过事件循环机制来处理任务的执行。fill:#333;color:#333;color:#333;fill:none;浏览器渲染引擎JS引擎消息队列事件循环执行上下文工作原理如下图所示：fill:#333;color:#333;color:#333;fill:none;
JavaScript事件循环及宏任务微任务原理解析
11-19
JavaScript的事件循环（Event Loop）机制是理解和...理解事件循环、宏任务和微任务的概念对于编写高性能的JavaScript代码至关重要，特别是处理异步操作时，合理安排任务可以帮助避免阻塞主线程，提高应用的响应速度。
什么是微任务（Microtask）和宏任务（Macrotask）？
12-11
在JavaScript中，微任务（Microtask）和宏任务（Macrotask）是两种不同类型的任务，它们在事件循环（Event Loop）...接下来执行微任务队列中的任务，输出 `MicroTask`，然后执行宏任务队列中的任务，输出 `MacroTask`。
详解 macrotasks 和 microtasks
阿豪
10-09 284
原文链接: 详解 macrotasks 和 microtasks ...
JavaScript 运行机制之：微任务(Microtask)与宏任务(Macrotask)队列的机制
11-30 709
微任务与宏任务执行顺序 微任务队列只有一个，宏任务队列可以有多个。 宏任务包括：script(全局任务), setTimeout, setInterval, setImmediate, I/O, UI rendering 微任务包括： new Promise().then(回调), process.nextTick, MutationObserver(html5新特性) #Obje...
宏任务和微任务
shenjing_Shining的博客
07-08 2603
导读： 什么是宏任务 什么是微任务 两者有什么区别 1. 什么是宏任务macroTask? 宏任务：包含执行整体的js代码、事件回调（DOM事件），XHR回调（异步请求，接口回调），定时器（setTimeout/setInterval/setImmediate），IO（input和output，文件的读出和写入）操作，UI render 2.什么是微任务microTask? 微任务：更新应用程序状态的任务，包括promise回调，MutationObserver，process.nextTi..
Promise的执行原理——macrotask和microtask
m0_37828249的博客
05-01 1601
要理解Promise的执行原理，首先要知道EMCAScript的任务队列机制——macro-task（宏任务）和micro-task（微任务）。浏览器先执行一个macrotask，在执行macrotask过程中可能会创建新的macrotask和microtask，然后顺序执行micro-task队列中的全部任务，然后再取出一个macrotask执行……周而复始。整个script代码是一个macro...
宏任务&微任务
weixin_44413053的博客
08-15 705
区别 宿主环境(window/global)提供的叫宏任务，由语言标准(es6)提供的叫微任务 执行顺序 宏任务 -> over -> 微任务队列 -> 宏任务 vue.nextTick 1、声明macroTask, macroToask, callbasks, useMacroTask等, 2、各种环境侦测下建立宏任务与微任务 第一轮侦测: a、先检查是否存在setImmediate,有则建立宏任务 b、否则检查是否存在MessageChannel,有则建立宏任务
macrotask和microtask以及EventLoop的介绍
weixin_34216196的博客
06-17 208
前言 提起js,有这么几个概念非了解不可。单线程 、回调函数、非阻塞、执行上下文、调用栈、上下文、事件循环、任务队列。 单线程 one thread = one call stack == one thing at a time 解释来讲就是单线程意味着只有一个调用栈，在同一时刻只能做一件事儿 执行上下文 执行上下文就是当前JavaScript代码被解析和执行是所在环境的抽象概念，JavaScri...
micro task(微任务队列） 与 macro task（宏任务队列）
qq_36392571的博客
12-07 306
micro task: Promise MutaionObserver\ macrotask: setTime serImmediate postMessage MessageChannel 处理流程：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值