宏任务和微任务

最新推荐文章于 2024-10-04 00:46:18 发布
最新推荐文章于 2024-10-04 00:46:18 发布
阅读量229 收藏
点赞数
分类专栏： vue学习 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47794838/article/details/128910263
版权
JavaScript将异步任务划分为宏任务和微任务。宏任务包括Ajax请求、setTimeout和文件操作等，而微任务涉及Promise的.then、.catch和.finally以及process.nextTick。每个宏任务执行完毕后，会先执行当前宏任务的所有微任务，然后再开始下一个宏任务。这种机制决定了事件循环的执行顺序，例如给定的例子中，输出顺序为2431。
摘要由CSDN通过智能技术生成

1.什么是宏任务和微任务

JavaScript把异步任务又做了进一步的划分，异步任务又分为两类，分别是:

  1. 宏任务( macrotask)
    异步Ajax请求.
    setTimeout、setlnterval.
    文件操作
    其它宏任务
  2. 微任务( microtask)
    Promise.then、.catch和.finally
    process.nextTick
    其它微任务

2.宏任务和微任务的执行顺序

每一个宏任务执行完之后，都会检查是否存在待执行的微任务， 如果有，则执行完所有微任务之后，再继续执行下一个宏任务。
在这里插入图片描述
输出结果：2431

不想qiao代码
关注
专栏目录
前端中的宏任务和微任务
阿乐的博客
04-24 376
宏任务和微任务是在事件循环中执行的两种不同类型的任务。宏任务是相对较大的任务，通常包括定时器任务（setTimeout、setInterval）、网络请求、用户交互事件（点击、滚动等）。宏任务会被添加到事件队列中，在每个事件循环中执行一次。微任务是相对较小的任务，通常包括Promise回调、DOM变动观察器。微任务会在当前宏任务执行完毕后立即执行，而不会添加到事件队列中。微任务的执行时机是在当前宏任务的末尾，在下一个宏任务之前。
JS宏任务和微任务
热门推荐
mrszhang111的博客
09-14 1万+
简单明了易懂的微任务与宏任务
【事件循环】宏任务和微任务
weixin_62731214的博客
09-19 917
文章介绍了微任务和宏任务的执行顺序
浏览器原理 17 # 宏任务和微任务
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
04-21 1223
说明 【浏览器工作原理与实践】专栏学习笔记 宏任务 渲染进程内部会维护多个消息队列，比如延迟执行队列和普通的消息队列。然后主线程采用一个 for 循环，不断地从这些任务队列中取出任务并执行任务。我们把这些消息队列中的任务称为宏任务。 主线程上执行的任务，比如： 渲染事件（如解析 DOM、计算布局、绘制）； 用户交互事件（如鼠标点击、滚动页面、放大缩小等）； JavaScript 脚本执行事件； 网络请求完成、文件读写完成事件。 WHATWG 规范 参考资料：https://html.spec.wha
ajax宏任务,宏任务和微任务的一个小事
weixin_39672011的博客
08-05 441
作者：Ivan本文根据 JavaScript 规范入手，阐述了JS执行过程在考虑时效性和效率权衡中的演变，并通过从JS代码运行的基础机制事件队列入手，分析了JS不同任务类型(宏任务、微任务)的差别，通过这些差别给出了详细分析不同任务嵌套的复杂 JS 代码执行的分析流程。一、事件队列与回调在使用JavaScript编程时，需要用到大量的回调编程。回调，单纯的理解，其实就是一种设置的状态通知，当某个语...
宏任务和微任务的理解
vaelcy的博客
07-19 1224
一文搞懂宏任务和微任务
宏任务和微任务 常见的微任务和宏任务 事件循环机制 同步异步
青山不改，绿水长流。
10-08 541
● 异步指的是当一个进程在执行某个请求时，如果这个请求需要等待一段时间才能返回，这个时候进程会继续往下执行，不会阻塞等待消息的返回，当消息返回时系统再通知进程进行处理。● 同步指的是当一个进程在执行某个请求时，如果这个请求需要等待一段时间才能返回，那么这个进程会一直等待下去，直到消息返回为止再继续向下执行。当一个宏任务队列中的任务全部执行完后，会查看是否有微任务队列，如果有就会优先执行微任务队列中的所有任务，如果没有就查看是否有宏任务队列。宏任务是由宿主发起的，而微任务由JavaScript自身发起。
浅谈JS宏任务和微任务理解
only_alive的博客
04-21 1268
1
js代码-浏览器宏任务和微任务的触发机制
07-15
- 每次事件循环，JavaScript引擎会从宏任务队列中取出一个任务执行，执行过程中可能会产生新的宏任务和微任务。 - 宏任务执行完毕后，会检查微任务队列，执行所有微任务。 2. **微任务（Microtask）**： - 微...
前端的全栈混合之路Meteor篇：3.0新版本介绍
分享有趣的、贴近生活的CS知识
10-01 1024
Meteor全栈框架3.0版本终于稳定下来了，它的效果约等于webpack+vue+express+socket.io+mongodb+npm+uniapp，学一个搞定全套，值得学习了解下，最后找到适合于自己的技术栈。
Vue根实例、实例总结
最新发布
m0_54007573的博客
10-04 324
Vue根实例、实例总结
登录功能开发 P167重点
2303_81204446的博客
09-30 350
前端无法识别controller方法，因此存在Dispa什么的。Claims：jwt中的第二部分。
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 570
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
Webpack 打包后文件过大，如何优化？
官方推荐
09-30 5784
Webpack 打包后文件过大，如何优化？
Web认识 -- 第一课
ZxVSaccount的博客
09-30 1158
这里是我们进入前端学习的开端,在本次更新之后我会陆续上传html,css,javaScript等相关语言的教程,有感兴趣的小伙伴们点点关注,未来我们一起学习!IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器还有苹果的Safari浏览器和欧朋浏览器等。对于一般的网站，只要兼容IE浏览器、火狐浏览器和谷歌浏览器，就能满足绝大多数用户的需求。本节主要简单介绍了一下关于HTML、CSS、JavaScript的一些基本概念,有感兴趣的朋友,点点关注我们一起学习,博主持续更新中!
第十一章 【前端】调用接口（11.1）——Vite 环境变量
qdbest的专栏
09-29 126
Vite。
前端面试经验总结2(经典问题篇)
rita_0567的博客
09-28 998
因为计算机技术的快速发展，所以程序员如果不能保持对技术的持续性学习，会更容易的被淘汰，我从来不觉得程序员是一个轻松的职业，但是程序员是我最热爱的职业，我做好了充足的准备让自己能够长期在前端行业深耕。既要扩充自己的知识宽度，同时又不要一味的追求学习的东西越多越来，今天学两天这个，明天学两天那个，工作中又没有得到使用的话，很快也都会忘记的。了解，贵公司主要是在xxx行业从事xxx业务，贵公司所处的行业是我非常看好的，我感觉贵公司的氛围我很喜欢，比如xxxx。遇到了哪些挑战，我如何在不利的条件下成长起来的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值