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

最新推荐文章于 2023-02-18 10:18:30 发布
最新推荐文章于 2023-02-18 10:18:30 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： 总结 文章标签： 队列 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38086247/article/details/109639472
版权

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

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

在这里插入图片描述

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

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

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

转载参考：添加链接描述

Small盼盼
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript事件循环及宏任务微任务原理解析
11-19
首先看一段代码： 打印顺序是什么？ 正确答案：script start, script end, promise1, promise2, setTimeout 其中涉及到事件循环（event loop），宏任务（macrotask），微任务(microtask) 一、事件循环 Event Loop 程序中设置两个线程：一个负责程序本身的运行，称为”主线程”；另一个负责主线程与其他进程（主要是各种I/O操作）的通信，被称为”Event Loop线程”（可以译为”消息线程”）。 所有任务可以分成两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。 同步任
JavaScript 事件循环 —— 微任务 Microtask
LeviDing的博客
01-18 341
微任务（Microtask）Promise 的处理程序（handlers）.then、.catch 和 .finally 都是异步的。即便一个 promise 立即被 resolve，....
宏任务与微任务的区别
qq_44734358的博客
02-18 2863
宏任务包括：setTimeout setInterval Ajax DOM事件，宏任务是由宿主（浏览器、Node）发起的，宏任务，可以理解为每次执行栈执行的代码就是一个宏任务（包括每次从事件队列中获取一个事件回调并放到执行栈中执行）.进程的切换肯定是宏任务，因为需要花费大量的资源微任务包括：Promise async/await 等…微任务是由JS引擎发起的，微任务,可以理解是在当前 task 执行结束后立即执行的任务。也就是说，在当前task任务后，下一个task之前，在渲染之前。
宏任务和微任务
shenjing_Shining的博客
07-08 1072
导读： 什么是宏任务 什么是微任务 两者有什么区别 1. 什么是宏任务macroTask? 宏任务：包含执行整体的js代码、事件回调（DOM事件），XHR回调（异步请求，接口回调），定时器（setTimeout/setInterval/setImmediate），IO（input和output，文件的读出和写入）操作，UI render 2.什么是微任务microTask? 微任务：更新应用程序状态的任务，包括promise回调，MutationObserver，process.nextTi..
js 宏任务和微任务
weixin_41127362的博客
09-03 197
.宏任务（macrotask）和微任务（microtask） macrotask 和 microtask 表示异步任务的两种分类。 在挂起任务时，JS 引擎会将所有任务按照类别分到这两个队列中，首先在 macrotask 的队列（这个队列也被叫做 task queue）中取出第一个任务，执行完毕后取出 microtask 队列中的所有任务顺序执行；之后再取 macrotask 任务，周而复始，直至两个队列的任务都取完。 掘金上面盗张图记录一下 宏任务和微任务之间的关系 先看个例...
Js——异步方法宏任务（task）与微任务（microtask）
where_slr的博客
07-29 3229
异步方法中的宏任务与微任务 JS的任务事件执行机制：当执行引擎在主线程方法执行完毕，到达空闲状态时，会从任务队列中按顺序获取任务来执行（task-> task-> task…)；浏览器为了能够使得 JS 内部 task（任务） 与 DOM 任务能够有序的执行，会在一个 task 执行结束后，在下一个 task 执行开始前，对页面进行重新渲染 （task-> 渲染-> tas...
js中宏任务和微任务
weixin_45806937的博客
11-12 546
macrotask 和 microtask 表示异步任务的两种分类 宏任务：macrotask (macro)task，可以理解是每次执行栈执行的代码就是一个宏任务（包括每次从事件队列中获取一个事件回调并放到执行栈中执行）。 浏览器为了能够使得JS内部(macro)task与DOM任务能够有序的执行，会在一个(macro)task执行结束后，在下一个(macro)task 执行开始前，对页面进行重新渲染 微任务：microtask microtask,可以理解是在当前 task ...
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); } 顾名思义 得到的一定是..
【js异步之宏任务（marcroTask）和微任务（microTask）】
Lnbd_的博客
02-28 301
js异步之宏任务（marcroTask）和微任务（microTask）
immediate:跨浏览器微任务
05-02
即时 npm install immediate --save然后var immediate = ... 请注意，版本2.6.5和更早版本严格来说是“宏任务”库而不是微任务库，对待，如果您需要宏任务库，将向。 在版本3.1.0和3.2.0中添加了几个新功能，以保持与
queue-microtask:适用于现代发动机的快速，微型`queueMicrotask`垫片
05-04
队列微任务快速，微小的适用于现代发动机的微垫片在所有现代JS引擎中使用 。 没有依赖关系。 少于10行。 没有垫片或复杂的后备。 在所有现代环境中均具有最佳性能在现代环境中使用queueMicrotask 在Node.js 10和更早...
MicroTask3
03-08
MicroTask3 Willy Wonka糖果工厂的REST API。 该记录将具有自动生成的ID，名称，类型，每单位重量和每单位成本。 所有CRUD操作都可以使用REST API进行。
microtask-collector
04-04
微任务收集器从当前微任务创建值的集合例子import { Collector } from "microtask-collector"const collector = new Collector ( { map : values => Object . freeze ( values )} )async function watch ( ) { for ...
webpack性能优化：使用gzip压缩功能
qq_38086247的博客
07-22 2153
vue设置gzip打包压缩 当前端项目过大时，可以利用nginx请求配置和webpack来使用gzip压缩功能； Web服务器和浏览器之间压缩传输的”文本内容“的方法。 HTTP采用通用的压缩算法，比如gzip来压缩HTML,Javascript, CSS文件。 能大大减少网络传输的数据量，提高了用户显示网页的速度。当然，同时会增加一点点服务器的开销。 本文从HTTP协议的角度，来理解HTTP压缩这个概念。 一、 安装webpack插件 compression-webpack-plugin npm in
NODE 服务端设置CORS解决跨域问题
qq_38086247的博客
03-15 648
项目中遇到直接使用设置原生http工具模块的请求头解决： httpService.createServer((request, response) => { //使用cors解决跨域问题 response.setHeader('Access-Control-Allow-Origin', '*'); //可设置允许跨域地址 response.setHeader("Access-Control-Allow-Headers", "
使用图片压缩插件localResizeIMG上传图片
qq_38086247的博客
08-27 391
场景：上传给后台前，如果图片过大，需要压缩一下再上传给后台 在vue项目中可以使用localResizeIMG插件进行压缩 在项目内与后台商定的图片接口：直接传一个formData对象（里面需包含file文件与接口方法参数） lrz接口回调放回有压缩后的file（blob对象）、formData对象（包含file对象） 开始！！ 安装插件： npm i lrz -save yarn ad...
css盒子垂直水平居中方法总结
qq_38086247的博客
06-09 309
经常使用到嵌套盒子居中的问题，使用使用弹性局部解决，使用使用比例，很多都用得初始熟。 设置盒子外边框，使外盒子居中，左右外边框值相等（长度未知） 水平居中:在div的position为relative（相对定位时有效，绝对定位无效） //盒子相对父盒子水平居中 margin: 0px auto ; // 2、不知道盒子长宽：垂直水平居中：top、right、bottom、left全为0...
宏任务和微任务？
最新发布
05-26
宏任务和微任务是 JavaScript 中的两种异步任务执行机制。 宏任务（Macrotask）是由浏览器发起的任务，例如 I/O 操作、setTimeout、setInterval 等，它们会被添加到任务队列中等待执行。在执行宏任务的过程中，如果...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值