微任务和宏任务代码执行顺序面试题

最新推荐文章于 2024-04-27 10:15:30 发布
最新推荐文章于 2024-04-27 10:15:30 发布
阅读量396 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LiuBo_1999/article/details/117805689
版权

红色的是宏任务，绿色的是微任务，先执行微任务，在执行宏任务

在这里插入图片描述
自己模拟的宏任务微任务和同步异步
在这里插入图片描述
下面的和上边的执行顺序一样一样（放到异步里，先执行第一个，从上往下依次执行）
在这里插入图片描述
模拟2
延时不一样执行顺序也不一样 正常思路是没有红框的 但它的延时还没有执行完，下一个延时就已经开始执行了所以执行顺序是红色框的
在这里插入图片描述
延时一样的执行顺序
在这里插入图片描述
同步和异步
在这里插入图片描述
多加了一个微任务
在这里插入图片描述

同步和异步
在这里插入图片描述

在这里插入图片描述

头发快掉没了的程序猿
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript宏任务(macrotask)和 微任务(microtask) 执行顺序面试问题
03-01 669
JavaScript宏任务(macrotask)和 微任务(microtask) 执行顺序面试问题
宏任务和微任务、事件循环、面试题
小陈的博客
08-30 1636
事件循环比较简单，它是一个在 “JavaScript 引擎等待任务”，"执行任务"和"进入休眠状态等待更多任务"这几个状态之间转换的无限循环。
【面试题】宏任务和微任务
zx1041561837的博客
12-13 3507
本文介绍了什么是宏任务，什么是微任务，以及宏任务、微任务和DOM渲染之间的关系，并从event loop的角度解释了宏任务和微任务执行次序的原理。
微任务和宏任务面试题
hmxs_hmbb的博客
05-24 3454
可以用这张图片一起来做题, 减少错误. 话不多说, 直接上代码: console.log(1) setTimeout(function() { console.log(2) }, 0) const p = new Promise((resolve, reject) => { resolve(1000) }) p.then(data => { console.log(data) }) console.log(3) 结果是: 1, 3, 1000, 2. .
前端面试必考题：JavaScript事件循环(Event loop)、宏任务微任务
最新发布
2401_84447417的博客
04-27 609
1.2.3.
js中的微任务和宏任务，附面试题
weixin_45932460的博客
01-12 1863
因为javascript是一门单线程语言，所以代码的解析执行都要以自上而下的执行，直到任务队列（task queue）的出现，js开始有了异步任务，当一段代码需要稍后执行时，便可以使用异步方案（setTimeout、setInterval、Poromis、Axios、Dom事件）来使指定操作添加到异步任务中。
浅谈javascript事件环微任务和宏任务队列原理
10-14
了解事件环、微任务和宏任务的原理，可以帮助开发者更好地控制代码执行的顺序，优化性能，避免回调地狱，并且能够理解一些特定情况下出现的不寻常行为。在编写异步代码时，合理地利用微任务和宏任务可以提高程序响应...
12. code微任务和宏任务.zip
08-28
在实际开发中，理解微任务和宏任务的执行顺序有助于避免一些常见的问题，例如回调地狱和UI更新的延迟。例如，使用Promise可以更好地组织异步代码，使得代码更加清晰和易于维护。 总的来说，"12. code微任务和宏任务...
js代码-微任务，宏任务
07-16
在处理异步操作时，合理安排微任务和宏任务的执行顺序可以提高代码的响应性和效率。 在实际开发中，我们经常使用Promise来处理异步操作，因为它的链式调用允许我们在同一个微任务队列中执行多个任务，这比传统的回...
js代码-面试题
07-16
8. **事件循环（Event Loop）**：这是JavaScript性能优化的关键，面试官可能要求解释事件队列和宏任务、微任务的区别。 9. **DOM操作**：候选人应熟悉如何选择、添加、删除和修改HTML元素，以及如何处理DOM事件。 ...
【JavaScript】事件循环、宏/微任务、面试题
羊羊羊羊羊羊羊的博客
03-14 1185
🔴:计算机，是的一种方式;🔴:操作系统能够运行，通常情况下中;听起来很抽象，这里还是给出我的解释:✅:我们可以认为，启动，就会默认(也可能是多个进程);✅:每中，都会启动用来执行程序中的代码，这个线程被称之为;✅ 所以我们也可以说进程是线程的容器;
javaScript基础面试题 ---宏任务微任务
weixin_43850639的博客
03-06 621
JS是单线程语言，先执行同步任务，再执行事件循环，事件循环里面包括微任务、宏任务。微任务执行了完了之后，才执行宏任务。微任务：Promise.then。宏任务：setTimeout
宏任务和微任务
Tiger's blog
11-05 9201
宏任务与微任务 1.同步任务和异步任务 JavaScript是单线程执行的语言，在同一个时间只能做一件事情。这就导致后面的任务需要等到前面的任务完成才能执行，如果前面的任务很耗时就会造成后面的任务一直等待。为了解决这个问题JS中出现了同步任务和异步任务。 （1）同步任务 在主线程上排队执行的任务只有前一个任务执行完毕，才能执行后一个任务，形成一个执行栈。 （2）异步任务 不进入主线程，而是进入任务队列，当主线程中的任务执行完毕，就从任务队列中取出任务放进主线程中来进行执行。由于主线程不断重复的获得任务、执行
干货：宏任务和微任务执行顺序详解
frontend_frank的博客
04-10 1527
最近看了死月的 趣学 Node.js 小册，关于宏任务、微任务部分突然意识到所谓的执行顺序其实就是底层 C++ 写的各种代码的结果，当了解了 Node.js 代码或者 V8 代码再看这些问题真的就是降维打击（当然我只是有了这个感觉，还没细看过[旺柴]）。但如果平常用不到，我们也没必要真的去看底层的代码，即使不了解底层代码，我们也可以根据具体的表现来自己定一些规则进行理解，只要根据这个规则来判断...
宏任务和微任务的执行顺序
m0_73727623的博客
01-13 4841
在同一次循环中，微任务不参与事件循环，微任务会被推到当前循环对应的微任务队列中，即使是微任务中的微任务。宏任务将开启新的事件循环。
宏任务与微任务执行顺序（超详细讲解）
~朴：shu的博客
02-27 6448
写此之前，也查阅了很多文章，并结合自己的理解，说说对Event Loop模型的理解、以及对在任务队列中的影响进行了分析，也给出了多种情形的任务案例以及分析解释，相信大家看完会有所收获；当然，也是自己的理解，难免有所偏差，欢迎大家指正~
前端面试题——js的宏任务和微任务（包含Demo）
qq_43715797的博客
08-29 446
从上至下执行。
事件队列、微任务与宏任务的理解和面试题
m0_51636525的博客
06-30 653
事件队列是一种数据结构，可以存放要执行的任务。它符合队列"先进先出"的特点。事件循环中并非只维护着一个队列，事实上是有两个队列：事件循环对于两个队列的优先级是怎么样的？1.main script中的代码优先执行；2.在执行任何一个宏任务之前（不是队列，是一个宏任务），都会先查看微任务队列中是否有任务需要执行 也就是宏任务执行之前，必须保证宏任务队列是空的； 如果不为空，那么就优先执行微任务队列中的任务（回调）；Promise面试题一 promise async await面试

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值