JS的微任务和宏任务

已于 2023-04-25 17:56:25 修改
阅读量64 收藏
点赞数
文章标签： javascript
于 2023-04-25 13:12:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52421092/article/details/130362497
版权

一、任务可以分为两种

同步任务：在主线程上，排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务;

异步任务：不进入主线程，而进入“任务队列”的任务，只有“任务队列”通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。或则主线程的任务执行完了，再把异步任务加入到主线程

二、执行顺序

1、同步的代码放到执行栈中（先进先出）

2.执行栈中执行完之后看一下微任务队列有没有，有的话通过事件循环放到执行栈中 

3、微任务队列执行完之后、通过事件循环把宏任务放到执行栈中执行 

郑建零零发
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈javascript事件环微任务和宏任务队列原理
10-14
主要介绍了javascript事件环 微任务和宏任务队列原理，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下
EventLoop的宏任务、微任务执行（图文讲解）
Blog of Leviash
03-31 800
事件循环Event Loop，这是目前浏览器和NodeJS处理JavaScript代码的一种机制，而这种机制存在的背后，就有因为JavaScript是一门的语言。单线程和多线程最简单的区别就是：单线程同一个时间只能做一件事情，而多线程同一个时间能做多件事情。而JavaScript之所谓设计为单线程语言，主要是因为它作为浏览器脚本语言，主要的用途就是与用户互动，操作Dom节点。而在这个情景设定下，假设JavaScript。
关于JS中微任务与宏任务这件事
Revin的博客
05-30 268
文章目录 简单总结一下在JS事件循环机制中微任务与宏任务。 宏任务：在调用栈中执行的代码（包括整体代码script, setTimeout, setInterval、 setlmmediate） 微任务：当前宏任务执行完毕，下个宏任务执行开始之前的任务称之为微任务（最常见的是promise.then, await） 接下来以一个实例详细分析微任务与宏任务的执行过程 首先看下面一段代码 <script> async function async1() {
微任务和宏任务
qq_42453274的博客
09-21 580
宏任务和微任务
【JavaScript】宏任务和微任务
qq_45388369的博客
03-07 140
前端八股文，在一些大厂的面试题经常出现宏任务和微任务，现做一个总结。
01-javascript微任务和宏任务谁先执行
weixin_45553259的博客
01-28 1013
微任务、宏任务
JS 微任务和宏任务(面试题常用)
鹿蹊zz的博客
09-16 1088
2.微任务： 当前（此次事件循环中）宏任务执行完，在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。也可以理解为 自执行函数属于for循环一部分，每次遍历i，自执行函数也会立即执行。5. 渲染完毕后，js线程接管，开启下一次事件循环，执行下一次宏任务（事件队列中取）。1. 宏任务：当前调用栈中执行的代码成为宏任务。4. 当前微任务队列中的任务执行完毕，检查渲染，GUI线程接管渲染。2. 执行过程中遇到微任务，将微任务添加到微任务队列中。3. 当前宏任务执行完毕，立即执行微任务队列中的任务。
JS微任务和宏任务
qq_43618136的博客
03-04 506
任务执行如下： Promise.resolve().then(()=>{ console.log('1') setTimeout(()=>{ console.log('2') },0) }) setTimeout(()=>{ console.log('3') Promise.resolve().then(()=>{ console.log('4') }) },0) 1342 1（红色）：
JavaScript 微任务和宏任务
weixin_47974251的博客
05-13 179
宏任务通常指与浏览器渲染相关的任务，常用的宏任务有：SetTimeout等等SetTimeout：延时器----用法如下let blue = '我是什么颜色'console.log(blue) // 两秒种后控制台打印，用完后请记得清除，不然任务多了会影响性能clearTimeout(outTimer) // 及时关闭延时器}, 2000)：定时器----用法如下console.log(money++) // 只要不关闭，指定时间无限循环执行。
JavaScript中的微任务和宏任务
weixin_44374938的博客
03-18 1385
在正常情况先下,JavaScript任务是同步执行的，即执行完一个前一个任务，然后执行后一个任务。也就是跟着主线任务按序执行。 只有遇到异步任务的情况下，执行顺序才会改变。这时，需要区分两种任务：宏任务与微任务。再说宏任务与微任务之前，我们先说一个概念。javaScript是一门单线程语言，所以一切javaScript版的“多线程”都是的单线程模拟出来的 一、JavaScript中的同步和异步 同步和异步其实在我们的理解中上很容易明白，同步就是我按照代码的顺序来执行程序。异步就是遇到异步程序，我直接开一.
JS 微任务和宏任务
qq_34185872的博客
02-13 204
注意，上面的几个队列中存放的都是宏任务，每执行完一个宏任务，就清空一次微任务队列，在老的 node 版本中，当整个阶段的队列都执行完毕后才会去清空一次微任务队列。主栈代码执行后，会清空一次微任务队列，在清空微任务之前会先执行 process.nextTick(优先级高于微任务，不属于事件环的一部分)，然后会进入事件环执行。浏览器在渲染页面的时候，会有一个渲染线程(浏览器内核)在工作，渲染线程在执行的时候，js 引擎就会阻塞等待，js 代码的执行和页面的渲染是互斥的。
12. code微任务和宏任务.zip
08-28
12. code微任务和宏任务.zip
lispyscript:具有Lispy语法和宏的javascript
04-14
具有Lispy语法和宏的Javascript！ Lispyscript是使用“ Lispy”语法的Javascript，并编译为Javascript。 特征 Javscript语义学 巨集 尾叫优化 范本 回调序列（避免嵌套的回调） 莫纳德人 在浏览器中运行 服务器端...
eslisp：JavaScript的非标准S表达式语法和宏系统
01-31
埃斯利普 / JavaScript的语法，带有。 最小的核心，最大程度可定制。 这不是魔术：这只是 AST格式的S表达式编码。 宏是返回对象的普通JS函数，这些对象仅在编译时存在。 这意味着可以将宏放在以分发您自己的语言功能...
openlayers绘制经纬网格，有添加或者移除功能
qq_52959651的博客
05-21 205
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
vue 使用 export default
global_coding的博客
05-24 80
vue 使用 export default
超详细的前后端实战项目（Spring系列加上vue3）前端篇（二）（一步步实现+源码）
最新发布
2301_79969279的博客
05-24 520
好了，兄弟们，继昨天的项目之后，开始继续敲前端代码，完成前端部分昨天完成了全局页面的代码，和登录页面的代码，不过昨天的代码还有一些需要补充的，这里添加一下。
React函数式组件的父子方法互相调用，父组件调用子组件方法，子组件调用父组件方法
SongZhengxing_的博客
05-18 248
子组件需要使用 forwardRef 函数包裹，然后使用 useImperativeHandle 暴露属性和方法。编写子组件 Child。
15 VUE学习：插槽slot
sixpp的博客
05-23 2362
如果我们将这个概念拓展一下，可以想象的是，一些组件可能只包括了逻辑而不需要自己渲染内容，视图输出通过作用域插槽全权交给了消费者组件。Vue 组件的插槽机制是受[原生 Web Component `` 元素]的启发而诞生，同时还做了一些功能拓展，这些拓展的功能我们后面会学习到。现在组件可以用在不同的地方渲染各异的内容，但同时还保证都具有相同的样式。插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。在上面的[渲染作用域]中我们讨论到，插槽的内容无法访问到子组件的状态。
微任务和宏任务的区别
07-27
微任务和宏任务是在JavaScript中用于管理异步操作的两种不同的执行机制。 微任务（Microtask）是一个相对较小的任务，通常是由Promise对象的回调函数产生的。当一个Promise对象被resolve或reject时，与该Promise相...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值