JS的一道宏任务微任务题目

最新推荐文章于 2024-08-27 13:59:45 发布
最新推荐文章于 2024-08-27 13:59:45 发布
阅读量458 收藏 6
点赞数 7
文章标签： javascript vue.js 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52268321/article/details/134941873
版权

题目

左边和右边的代码，分别重新渲染了几次 rCount (忽略页面第一次初始化渲染)
在这里插入图片描述

左边

for 循环中 5 次赋给 rCount 值，都是同步代码
每次触发了数据劫持的 setter ，最终会执行 vue 的 nexttick，而 nexttick 的大部分情况是执行一个微任务（Promise）
所以只重新渲染了 1 次

右边

for 循环中产生了 5 个宏任务

宏任务微任务
宏任务1 宏任务2 宏任务3 宏任务4 宏任务5

执行第一个宏任务，给变量赋值，最终会执行 vue 的 nexttick，即产生一个微任务1

宏任务微任务
宏任务2 宏任务3 宏任务4 宏任务5微任务1

微任务优先级高，所以先执行微任务，进行一次渲染
然后再执行宏任务2，产生一个微任务2，再执行微任务，进行一次渲染
依次类推…
一共重新渲染了 5 次

诚诚程程成
关注
前端大厂面试常考代码输出题目（4）promise,then,resolve,reject,微任务，async,await宏任务，setTimeout,定时器
VAN
04-18 31
这段代码的关键在于：var x = y = 1;实际上这里是从右往左执行的，首先执行y = 1, 因为y没有使用var声明，所以它是一个全局变量，然后第二步是将y赋值给x，讲一个全局变量赋值给了一个局部变量，最终，x是一个局部变量，y是一个全局变量，所以打印x是报错。
js事件循环机制习题，微任务与宏任务的执行循序。
小祥编程擅长前端
11-08 394
1、代码：分为【宏任务】与【微任务代码】【宏任务】：包括主代码块、定时器代码、dom节点事件触发代码、ajax代码；（主代码块： script标签包着这些代码）【微任务】 promise实例对象的.then(回调函数)2、宏任务与微任务都会去【宿主环境】。3、这些代码里面回调函数到了要执行点的时候，不是直接去【主线程】,而是去【任务队列】。
js面试题:同步任务、宏任务、微任务
最新发布
vvddkkk的博客
08-27 443
以下代码运行结果是。
一道经典的宏任务和微任务题目（javascript）
慢慢爬的虫的博客
03-16 428
前端笔试题，输出结果顺序
宏任务微任务练习
qq_66349348的博客
11-04 121
宏任务微任务练习
js中的微任务和宏任务，附面试题
weixin_45932460的博客
01-12 1935
因为javascript是一门单线程语言，所以代码的解析执行都要以自上而下的执行，直到任务队列（task queue）的出现，js开始有了异步任务，当一段代码需要稍后执行时，便可以使用异步方案（setTimeout、setInterval、Poromis、Axios、Dom事件）来使指定操作添加到异步任务中。
2021，搞懂宏任务和微任务（趣味）
DoLi_JIN的博客
02-10 479
没错，我又在大家都放假的时候来更新文章了 前言 入门文章，在看其他大佬文章时候，整理，总结了一些知识点。做成文章输出强化记忆。 1、介绍宏任务和微任务 简单介绍，并且只列出一些常用和本文用到的。 宏任务 宏任务：script 、setTimeout、setInterval，setImmediate等。 微任务 微任务：Promise.then()或catch()、async函数中的await紧跟函数/语句之后的内容（具体请看栗子）、nextTick（例如vue，node等） 执行顺序 进入script标签（
js代码-一道经典的js执行顺序题
07-15
- 宏任务执行完毕后，会清空当前宏任务中的所有微任务。因此，微任务总是在下一个宏任务之前执行。 4. **异步编程**： - 异步编程是JavaScript的重要特性，常见的异步操作包括定时器（setTimeout、setInterval）...
一道很难的promise题目
codingWeb的博客
03-07 868
上篇文章讲了promise的实现，这篇则结合题目让你对promise有个更深入的认识： 为了能让大家有个更直观的认识，会使用到https://www.jsv9000.app/这个工具，它能可视化出异步任务执行的整个过程 题目1： 简单，相信都能答出 Promise.resolve().then(() => { console.log(0) return 'aaa' }).then(res => { console.log(res)
前端面试题——js的宏任务和微任务（包含Demo）
qq_43715797的博客
08-29 536
从上至下执行。
JavaScript 事件循环(宏任务与微任务)
weixin_65251013的博客
02-23 285
同步代码aaa-》p1-》宏任务之前把两个微任务处理掉-》res1 10-》989-》处理过程中继续产生微任务，继续处理-》res2 9-》990-》res 8-》991-》处理宏任务之前的微任务p2-》产生了一个宏任务setTimeout放到任务队列里-》执行宏任务，第一个setTimeout-》setTimeout1-》第二个setTimeout-》setTimeout2。微任务：等宏任务中的主要功能都完成后，渲染引擎不急着去执行下一个宏任务，而是执行当前宏任务中的微任务。
微任务宏任务详解题目
qq_52563729的博客
04-18 206
并且await这句代码也是宏任务，只有await下面的代码才是微任务，这个时候我们就会输出C，接着是F，然后遇到了then，将then里面的代码添加到微任务队列中，最后遇到了H，这个时候我们的宏任务队列有E,微任务队列有B，G，我们先去清空我们的微任务队列，再去清空宏任务队列！假如说我们的宏任务执行得很快，100ms就执行完了，那么我们就会去轮询我们的任务队列，但是异步任务1到1s才会被加入到任务队列中！注意点：我们的异步任务1和异步任务2并不是直接放在任务队列里面，而是先挂载到我们相应的线程下面！
这一次，彻底弄懂 JavaScript 执行机制（写的非常好）
qq_34117170的博客
02-09 921
本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论： *javascript是按照语句出现的顺序执行的* 看到这里读者要打人了：我难道不知...
微任务宏任务 面试题 - 5 道 Promise 笔试题
weixin_42508745的博客
12-14 470
Promise 面试题主要体现在与定时器(setTimeout，setInterval)，异步函数 async 等同时存在时其执行顺序。接下来在 Promise 中有一个 setTimeout 记为。注：以上定时器的宏任务是基于执行时间相同的情况下。立即执行函数 Promise 中 的 setTimeout 是第二个宏任务，称为。接着在第一个 setTimeout 中的 setTimeout 记为。，接下来在 Promise 中有一个 setTimeout 记为。先执行宏任务，再执行微任务。
前端面试题——JS高级
GAN、Transformer、Vue、Django知识学习&&分享者 ZhuBa的博客 zhuba-Ahhh.github.io
10-13 1069
前端面试题——JS高级 顺序：宏任务-微任务-渲染（如果需要渲染，比如到了时间，或有更改dom），而不是再次执行宏任务。命名函数只能在函数自身内部使用，在外使用会报错。
前端面试题
放荒
04-18 1068
v-if：他是真正的条件渲染，是真才渲染，v-show，不管是否为真第一次都会渲染，并且操作的是css样式进行显示隐藏，而v-if是有一个编译/卸载的过程，所以其开销相对较大，消耗更高。（整体代码script，setTimeout，setInterval ，setImmediate，I/O，UI renderingnew ，Promise）opacity: 0: 不会让元素从渲染树消失，渲染元素继续占据空间，只是内容不可见，可以点击，不定是否重绘。规定屏幕宽为750rpx。
js事件循环：微任务和宏任务，前端面试题库
2401_83974173的博客
03-30 1006
全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价，看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战，如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件前端高级实战，如何封装属于自己的JS库。
js 同步异步 宏任务微任务，题目加思路
m0_56813803的博客
07-19 211
js 同步异步 宏任务微任务，题目加思路
JS 宏任务 微任务
08-19
JS中的宏任务（macro task）和微任务（micro task）是用来管理异步任务执行顺序的概念。 宏任务是由浏览器提供的异步任务，比如setTimeout、setInterval、I/O操作等。宏任务会被放入到事件队列（event queue）中，在主线程中执行。当主线程空闲时，会从事件队列中取出一个宏任务进行执行。 微任务是由JavaScript引擎提供的异步任务，比如Promise的回调函数、MutationObserver等。微任务会在当前宏任务执行完毕后立即执行。微任务的执行时机在宏任务之前，这意味着它们具有更高的优先级。 在一次事件循环中，当一个宏任务执行完成后，会立即检查是否有微任务需要执行。如果有，则依次执行所有的微任务，直到微任务队列为空。然后再执行下一个宏任务。 简而言之，宏任务是由浏览器提供的异步任务，而微任务是由JavaScript引擎提供的异步任务。在事件循环中，微任务具有更高的优先级，会在下一个宏任务之前执行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值