如何理解宏任务和微任务

已于 2022-01-27 02:34:39 修改
阅读量896 收藏 1
点赞数
分类专栏： js 异步列队 文章标签： javascript 前端 开发语言
于 2022-01-27 02:32:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/v_jinfuwu/article/details/122711472
版权

理解宏任务和微任务

宏任务和微任务都是异步任务，都是在同一个任务列队中，主要区别在于他们执行顺序；
在异步列队下又分为宏任务列队和微任务列队

当一个宏任务执行结束前，会在微任务列队执行栈中查找是否有微任务，如果有则执行，没有则开启一个新的宏任务，所以微任务总是在宏任务执行结束前执行的；

  • 宏任务
    • 整体 script、setTimeout、setInterval、setImmediate；
    • 微任务 promise、MutationObserver；
Mr.Frek
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript事件循环及宏任务微任务原理解析
10-14
主要介绍了JavaScript事件循环及宏任务微任务原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
为什么要分微任务和宏任务？
qq_41732961的博客
06-07 2859
为什么要分微任务和宏任务？ 微任务是线程之间的切换，速度快。不用进行上下文切换，可以快速的一次性做完所有的微任务。 宏任务是进程之间的切换，速度慢，且每次执行需要切换上下文。因此一个Eventloop中只执行一个宏任务。 而区分微任务和宏任务的根本原因是为了插队。由于微任务执行快，一次性可以执行很多个，在当前宏任务执行后立刻清空微任务可以达到伪同步的效果，这对视图渲染效果起到至关重要的作用。 反观如果不区分微任务和宏任务，那么新注册的任务不得不等到下一个宏任务结束后，才能执行。 宏任务执行=》注册新任务放在
与事情循环相关的微任务与宏任务
lovermeiy的博客
12-12 134
    随着浏览器的应用领域越来越广泛，消息队列中这种粗时间颗粒度的任务已经不能胜任部分领域的需求，所以又出现了一种新的技术——微任务。微任务可以在实时性和效率之间做一个有效的权衡。基于微任务的技术有 MutationObserver、Promise 以及以 Promise 为基础开发出来的很多其他的技术。 宏任务     页面中的大部分任务都是在主线程上执行的，这些任务包括了：渲染事件（如解析 DOM、计算布局、绘制）；用户交互事件（如鼠标点击、滚动页面、放大缩小等）；JavaScript 脚本执行事件；
前端宏任务和微任务详解
xyphf的博客
02-03 2615
宏任务(macro-task) 定义消息队列中的任务称为宏任务。产生 宿主环境提供的方法是宏任务，例如setTimeout, setInterval。这些都是浏览器或者Node环境实现的。 执行 不断从消息队列中取出并被事件循环执行。 类型 浏览器 Node I/O 宏任务 宏任务 setTimeout 宏任务 宏任务 setInterval 宏任务 宏任务 requestAnimationFrame 宏任务 ...
宏任务与微任务的理解
weixin_47981807的博客
01-15 7791
宏任务与微任务的理解 宏任务一般是：包括整体代码script、settimeout、setInterval、i/o、ui render 微任务：promise、object.observe、MutationObserver 两者的区别 宏任务 宏任务所处的队列就是宏任务队列 宏任务队列可以有多个 当宏任务队列中的任务全部执行完以后就会查看是否有微任务队列 如果有就先执行微任务队列中的所有任务，如果没有就查看是否有宏任务队列 微任务 微任务所处的队列就是微任务队列 只有一个微任务队列 在上一个宏任.
熟悉事件循环？那谈谈为什么会分为宏任务和微任务
唐先森的博客
03-22 951
原文链接：熟悉事件循环？那谈谈为什么会分为宏任务和微任务 什么是事件循环 在了解事件循环前，需要一些有关 JS 特性的前置知识。 JS 引擎是单线程的，直白来说就是一个时间点下 JS 引擎只能去做一件事情，而 Java 这种多线程语言，可以同时做几件事情。 JS 做的任务分为同步和异步两种，所谓 “异步”，简单说就是一个任务不是连续完成的，先执行第一段，等做好了准备，再回过头执行第二段，第二段也被叫做回调；同步则是连贯完成的。 像读取文件、网络请求这种任务属于异步任务：花费时间很长，但中间的操作不需要 .
JS事件循环机制event loop宏任务微任务原理解析
10-14
主要介绍了JS事件循环机制event loop宏任务微任务原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
js代码-微任务，宏任务
07-16
js代码-微任务，宏任务
js代码-浏览器宏任务和微任务的触发机制
07-16
js代码-浏览器宏任务和微任务的触发机制
js中的宏任务与微任务
最新发布
kiritomzzz的博客
07-02 969
宏任务与微任务都属于JavaScript 中的异步任务
微任务和宏任务
yuanwen52的博客
11-23 411
2、常见的宏任务：setTimeout、setInterval、setImmediate(Node环境) Ajax Dom事件 MutationObserver script代码块。宏任务和微任务都是异步任务，且异步任务是放在任务队列里的，当主线程任务执行完毕后，从任务队列中取任务、执行任务，不断重复执行这个动作，就称为事件循环机制（Event Loop）。1、常见的微任务：Promise的then/catch/finally回调，process.nextTick()微任务比宏任务优先执行。
js宏任务、微任务、事件循环机制
大前端
03-27 441
js宏任务、微任务、事件循环机制
宏任务和微任务
kk的博客
05-01 173
在这个宏任务中，你需要完成多个子任务，比如到咖啡店、选择咖啡、等待咖啡师制作、付款等等。而微任务则是在这些子任务完成后需要马上处理的事情，比如检查自己的钱包、给朋友发一条消息告知自己正在购买咖啡等等。与宏任务不同，微任务需要优先级更高，在每次宏任务执行完毕后都会先执行完所有微任务，然后再执行下一个宏任务。总的来说，宏任务和微任务都是异步任务的执行方式，在实际开发中可以根据需要选择合适的任务类型来进行处理，从而提升代码的性能和可读性。在 JavaScript 中，宏任务和微任务是==
js 中同步任务，异步任务，微任务宏任务中的关系是什么
一颗松鼠
05-30 179
微任务和宏任务都是异步任务。微任务通常是指在一个宏任务执行完毕后立即执行的一个特殊的异步任务，例如 Promise 的 then 回调函数。宏任务的执行时机是在微任务队列执行完毕后再执行的。Event Loop 是一个负责监听异步任务的事件队列，一旦异步任务完成（如网络请求完成），Event Loop 就会将该回调函数加入到一个待执行的任务队列中，等待主线程空闲时取出执行。微任务是在当前宏任务执行完毕后立即执行的任务，而宏任务则通常是等待所有微任务执行完毕后再执行的任务。
微任务/宏任务和同步/异步之间的关系
weixin_45888701的博客
05-14 4622
彻底理清微任务/宏任务和同步/异步之间的关系 前言 网上已有很多相关的js执行机制的文章了，那为啥还要写这个？ 原因是其中一个机制大家有两套说法，不多BB直接上争议点 ↓ 1.认为宏任务包含所有script代码的 2.宏任务不包含所有script代码 3.界限不清的 所以，我个人的理解是：宏任务便是 JavaScript 与宿主环境产生的回调，需要宿主环境配合处理并且会被放入回调队列的任务都是宏任务。 作者：Reed 链接：https://juejin.cn/post/684490381450877338
Js中宏任务和微任务的简单理解
weixin_50379372的博客
06-07 1257
微任务和宏任务都是异步任务，它们都属于一个队列执行顺序
宏任务和微任务的详解
前端探险家的博客
06-10 5714
微任务可以在实时性和效率之间做一个有效的权衡。 从目前的情况来看，微任务已经被广泛地应用，基于微任务的技术有 MutationObserver、Promise 以及以 Promise 为基础开发出来的很多其他的技术。所以微任务的重要性也与日俱增，了解其底层的工作原理对于你读懂别人的代码，以及写出更高效、更具现代的代码有着决定性的作用。 有微任务，也就有宏任务，那这二者到底有什么区别？它们又是如何相互取长补短的？ 宏任务 前面我们已经介绍过了，页面中的大部分任务都是在主线程上执行的，这些任务包括了： 渲染
阿里一面：熟悉事件循环？那谈谈为什么会分为宏任务和微任务。
frontend_nian的博客
03-17 2697
事件循环由宏任务和在执行宏任务期间产生的所有微任务组成。完成当下的宏任务后，会立刻执行所有在此期间入队的微任务。 这种设计是为了给紧急任务一个插队的机会，否则新入队的任务永远被放在队尾。区分了微任务和宏任务后，本轮循环中的微任务实际上就是在插队...
浅谈JS宏任务和微任务理解
only_alive的博客
04-21 1161
1

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值