js异步之宏任务（marcroTask）和微任务（microTask）

最新推荐文章于 2022-10-08 16:03:34 发布
最新推荐文章于 2022-10-08 16:03:34 发布
阅读量106 收藏
点赞数
文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/darksociety/article/details/112887827
版权

js异步之宏任务（marcroTask）和微任务（microTask）

在这里插入图片描述

宏任务包括：setTimeout setInterval Ajax DOM事件
微任务：Promise async/await
微任务比宏任务的执行时间要早

JavaScript是单线程的。所以有了同步异步的概念，想必不用说了，异步如常见的setTimeout、Promise。这两个东西却有本质上的区别。setTimeout是宏任务，Promise是微任务。

同为宏任务的有setInterval等，同为微任务的有Node的process.nextTick等。见下图。相比于宏任务，微任务的开销会小一点。

JS代码执行的顺序是，按着主线程执行代码，当遇到一个宏任务或微任务时，不会立即执行，而是分别先放到宏任务队列和微任务队列排队，然后先执行主线。 那么，宏任务和微任务之间的执行顺序是怎样呢？

当主线代码执行完毕后，开始执行异步任务。只要执行一个宏任务，首先就要去检查微任务队列，如果有任务，就依次执行。执行完毕后，再开始执行宏任务。
这也就是所谓 事件循环。

事件循环
在这里插入图片描述
在这里插入图片描述

Aa丶如何
关注
一分钟理解JavaScript宏任务和微任务
weixin_44739881的博客
10-17 1341
JavaScript是单线程的。所以有了同步异步的概念，想必不用说了，异步如常见的setTimeout、Promise。这两个东西却有本质上的区别。setTimeout是宏任务，Promise是微任务。 同为宏任务的有setInterval等，同为微任务的有Node的process.nextTick等。见下图。相比于宏任务，微任务的开销会小一点。 JS代码执行的顺序是，按着主线程执行代码，当遇到一...
js的异步与宏任务(marcroTask)和微任务(microTask)
好好学习，天天向上！
01-19 149
咱们先看道面试题 让写出console.log的打印顺序 console.log(100); setTimeout(()=>{ console.log(200); }) setTimeout(()=>{ console.log(201); }) Promise.resolve().then(()=>{ console.log(300); }) console.log(400); // 100 400 300 200 201 // 为什么300比200先打印
js异步的宏任务和微任务
fuhs_2的博客
01-19 611
什么是宏任务和微任务 宏任务：setTimeout、setYnterval、Ajax、DOM事件 微任务：Promise、async/await 微任务执行时机比宏任务要早*** 异步单线 异步和单线程是相辅相成的，js是一门单线程脚本语言，所以需要异步来辅助 他们的区别： 异步不会阻塞程序的执行 同步会阻塞程序的执行 同步异步的问题 javascript是单线程语言，js任务需要排队顺序执行，如果一个任务耗时过长，后边一个任务也的等着,所以将任务设计成了两类：同步任务、异步任务 任务列队和even
【js异步之宏任务（marcroTask）和微任务（microTask）】
Lnbd_的博客
02-28 392
js异步之宏任务（marcroTask）和微任务（microTask）
JS异步中的宏任务和微任务
qq_16049879的博客
02-28 240
1、JS中用来存储待执行回调函数的队列包含2个不同特定的列队 2、宏列队：用来保存待执行的宏任务（回调），比如：定时器回调/DOM事件回调/ajax回调 3、微列队：用来保存待执行的微任务（回调），比如：promise回调/MutationObserver回调 4、JS执行时会区别这两个队列 JS引擎首先必须先执行所有的初始化同步任务代码 每次准备取出第一个宏任务执行前，都要将所有的微任...
js代码-宏任务，微任务，异步任务执行过程。
07-16
在JavaScript中，任务被分为宏任务（Macrotask）和微任务（Microtask），这两种任务类型共同构成了异步执行的核心。 宏任务主要包括：script（整体代码）、setTimeout、setInterval、I/O、UI渲染等。这些任务会被放...
JavaScript事件循环及宏任务微任务原理解析
10-14
在JavaScript中，任务分为两类：同步任务和异步任务。同步任务是按顺序执行的，而异步任务分为宏任务（MacroTask）和微任务（MicroTask）。 宏任务主要包括：整个脚本、setTimeout、setInterval等。这些任务会在...
宏任务和微任务 常见的微任务和宏任务 事件循环机制 同步异步
青山不改，绿水长流。
10-08 540
● 异步指的是当一个进程在执行某个请求时，如果这个请求需要等待一段时间才能返回，这个时候进程会继续往下执行，不会阻塞等待消息的返回，当消息返回时系统再通知进程进行处理。● 同步指的是当一个进程在执行某个请求时，如果这个请求需要等待一段时间才能返回，那么这个进程会一直等待下去，直到消息返回为止再继续向下执行。当一个宏任务队列中的任务全部执行完后，会查看是否有微任务队列，如果有就会优先执行微任务队列中的所有任务，如果没有就查看是否有宏任务队列。宏任务是由宿主发起的，而微任务由JavaScript自身发起。
JS异步-宏任务和微任务
weixin_42062766的博客
10-19 136
1.什么是宏任务和微任务 JavaScript把异步任务又做了进一步的划分，异步任务又分为两类 宏任务 异步ajax请求 setTmeout、setinterval 文件操作 其他宏任务 微任务 ​​​​​​​Promise.then\.catch和.finally process.nextTick 其他微任务 2.宏任务和微任务的执行顺序 每一个宏任务执行完成之后，都会检查是否存在待执行微任务， 如果有，则执行所有微任务之后，在继续执行下一个宏任务。 ...
js异步，宏任务微任务
goorgo_yes的博客
07-24 156
异步模式 首先Javascript是单线程模式，即多任务需要排队执行。容易阻塞照成页面假死。为了解决这个问题所以有了异步。 单线程：指浏览器中执行avascript代码的线程只有一个。但浏览器的渲染进程（GUI）提供了多个线程。如JS引擎线程，事件触发线程，定时触发器线程，异步Http请求线程 js引擎线程向下执行期间，如（setTimeout放入定时器出发线程，Http请求放入异步Http请求线程 ...），使得后面的代码继续执行，如此便实现了非阻塞。 异步模式：通过回调函数（callback）.
Js异步之宏任务和微任务
dachuichaobang的博客
05-11 179
什么是宏任务和微任务 宏任务 setTimeout、setInterval、Ajax、DOM事件 微任务 Promise、async/await 微任务执行时机比宏任务早 异步和单线程 js是一门单线程脚本语言，需要异步来辅助 异步和同步的区别： 异步不会阻塞程序的执行 同步会阻塞程序的执行 使用异步的场景： 定时任务：setTimeout、setInterval 网络请求：ajax请求、动态 < img> 加载 事件绑定 ajax请求代码示例： //ajax请求代码示例 co
JS的异步执行机制[‘宏任务‘,‘微任务‘]
CSDN_shipingan的博客
04-19 687
js 异步同步的区别 同步异步执行机制 event loop 同步阻塞 微任务 宏任务
javascript的宏任务和微任务
热门推荐
lc237423551的博客
04-11 7万+
今天进行了人生中的第一次面试。结果凉凉了。但是还是学到了很多东西。其中在面试时面试官问了我一道题 setTimeout(function(){ console.log('1') }); new Promise(function(resolve){ console.log('2'); resolve(); }).the...
理解JavaScript的宏微任务
白瑕 的博客
09-24 263
尝试理解JavaScript中的宏任务与微任务 文章目录尝试理解JavaScript中的宏任务与微任务前言一、分拣原则一、图文示例总结 前言 JS是一门单线程语言,这意味着正常执行的话所有任务堆在一起需要排队,当然,也就像细水管里的小球一样,一个流不出去,后面的都得等着.这未免有些不合理,主线程完全可以把目前无法执行或者不必执行的任务先挂起,就像堵车的时候把最前面那个慢吞吞的车给掀了,让大家先过. 等到这个被挂起的程序能执行了也该执行了,再把它放下来. 这是同步任务和异步任务,但其实异步任务还可以细分为宏
JavaScript 宏任务和微任务
dairen_j的博客
04-30 214
宏任务 分类：setTimeout setInterval Ajax 事件绑定等 宏任务所处的队列就是宏任务队列 第一个宏任务队列中只有一个任务：执行主线程的js代码 宏任务队列可以有多个 当宏任务队列的中的任务全部执行完以后会查看是否有微任务队列，如果有先执行微任务队列中的所有任务，如果没有就查看是否有宏任务队列。 微任务 分类：new Promise().then(回调) process.nextTick 微任务所处的队列就是微任务队列 只有一个微任务队列 在上一个宏任务队列执行完华后如
和我一起完全理解javascript中的宏任务与微任务
weixin_48786946的博客
06-22 1438
在了解 宏任务 与 微任务 之前我们必须要先弄清 javascript 中的 执行机制 这个概念，弄清楚了这个概念，宏任务 与 微任务 的理解也就 so easy 了~~ javascript 中的执行机制 1.关于javascript javascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的。 1.1 JS为什么是单线程的？ 答：JavaScript的单线程，与它
Javascript 同步,异步:微任务和宏任务
m0_57135756的博客
05-10 1742
1.javascript是单线程的语言 javascript是一门单线程执行的编程语言。也就是说，同一时间只能做一件事情。 如下：如果有多个任务要执行，执行其他任务时，其他任务都要进行等待 1.1 单线程执行任务队列的问题 如果前一个任务非常耗时，则后续的任务不得不一直等待，从而导致程序假死的问题。 2.同步任务和异步任务 为了防止某个耗时任务导致程序假死的问题，javascript把待执行的任务分为了两类。 同步任务 又叫做 非耗时任务，指的是在主线程上排队执行的那些任务 只有前一个任务执行完毕，才能
JavaScript中的宏任务和微任务有什么区别？
最新发布
06-24
在JavaScript中，宏任务（macro-task）和微任务（micro-task）是执行事件队列中的两种类型的任务，它们处理异步操作的执行顺序： 1. **宏任务（Macrotask）**：这些任务是由浏览器环境或者JavaScript引擎管理的，通常包括浏览器渲染、用户界面更新（如DOM操作和样式更改）、定时器（setTimeout和setInterval）、以及I/O操作完成后的回调。当一个宏任务队列为空时，浏览器才会执行下一轮的JavaScript代码。 2. **微任务（Microtask）**：微任务是异步代码的一部分，它们优先于宏任务执行。常见的微任务包括Promise链中的then和catch、MutationObserver的回调以及process.nextTick（Node.js环境）。当执行环境遇到微任务时，会立即暂停当前的宏任务，直到微任务队列为空。 简单来说，微任务是在同一轮JavaScript执行栈执行完毕后立即执行的，而宏任务则在所有微任务执行完之后执行。这种机制保证了UI更新的即时性，因为微任务通常涉及到页面的同步更新。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值