01-javascript微任务和宏任务谁先执行

已于 2023-03-03 16:00:54 修改
阅读量1k 收藏
点赞数 1
文章标签： javascript 前端 vue.js
于 2023-01-28 18:35:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45553259/article/details/128780776
版权

微任务和宏任务谁先执行

先上结论

微任务队列先执行，宏任务队列后执行，宏任务每执行一个完成后再执行一遍微任务队列，再执行下一个宏任务，如果期间微任务队列没有任务就跳过

看图说话

在这里插入图片描述

事件轮训机制

1、先执行同步任务，同时将同步代码中的setTimeout、setInteval中的回调代码放入异步任务的宏任务队列中，Promise的回调等放入到异步任务的微任务队列中
2、同步任务执行完成后执行异步任务，异步任务分为宏任务和微任务，先执行微任务队列的所有微任务，然后执行一个宏任务，再检查微任务队列有就执行全部微任务，再 执行一个宏任务，再检查一下微任务队列，有就执行全部微任务
3、执行所有异步操作时，产生新的异步任务会再次放入异步队列中，微的放微的队列，宏的放宏的队列
4、重复2、3步骤

一个例子

    setTimeout(()
最低0.47元/天 解锁文章
西海岸胖虎
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈javaScript中的宏任务与微任务
qq_39467105的博客
10-21 568
拆解任务队列能够更好地理解同步与异步操作之间的关系。对同步与异步操作不清楚不妨来看看吧。
宏任务与微任务执行顺序（超详细讲解）
~朴：shu的博客
02-27 6422
写此之前，也查阅了很多文章，并结合自己的理解，说说对Event Loop模型的理解、以及对在任务队列中的影响进行了分析，也给出了多种情形的任务案例以及分析解释，相信大家看完会有所收获；当然，也是自己的理解，难免有所偏差，欢迎大家指正~
javaScript：宏任务与微任务的运行顺序
lengzhuji的博客
06-04 204
宏任务与微任务的运行顺序简单的来说，微任务和宏任务皆为异步任务，但是微任务的优先级高于宏任务 在事件循环中，开始循环宏任务的时候，他会优先循环微任务在开始循环宏任务
js执行时序 宏任务和微任务
zhengzhengwang的专栏
06-16 295
宏任务一般是：包括整体代码script，setTimeout，setInterval、I/O、UI render。 微任务主要是：Promise、Object.observe、MutationObserver process.nextTick nextTick 优先级比 Promise 等 microTask 高，setTimeout和setInterval优先级比setImmediate高。 console.log('script start'); setTimeout(fun...
宏任务和微任务
最新发布
weixin_49516521的博客
11-29 571
1、js开始运行就算宏任务！哪怕什么都没有操作也算宏任务，就是没有同步代码的情况，接下去也是清空微任务队列！宏任务结束，下一步一定是清空微任务队列！7、await属于.then()的语法糖，后面所有的代码都要放到微任务队列等待执行。执行过程中碰到宏任务就放到宏任务队列排队，碰到微任务就去微任务排队。3、两个定时器，时间短的先执行，不管进入列队的先后顺序。6、new Promise(()=>{})属于同步任务。1、执行第一个宏任务script ，执行同步代码。2、再执行所有微任务队列。
关于JS任务执行顺序-宏任务微任务的理解
旋律代替花束的博客
06-28 3071
一 、概念 了解JS任务执行顺序之前，先了解几个概念 1.同步任务和异步任务的由来 由于JS是单线程，在代码执行的时候，如果代码顺序执行，当前一段代码执行需要很长一段时间，就会影响后面代码的执行，带来的后果可能就是代码执行效率低，页面卡顿，用户体验差，为了避免这个问题，就出现了异步编程，通过回调函数来存放和执行异步代码，任务也划分为两种：同步任务和异步任务。 2.同步任务，异步任务的解释 2.1同步任务：即主线程上的任务，按照顺序由上至下依次执行，当前一个任务执行完毕后，才能执行下一个任务。 2.2异步任务
浅谈javascript事件环微任务和宏任务队列原理
10-14
JavaScript 事件环机制是理解JS执行流程的关键，它涉及到微任务和宏任务队列，这两个概念对于优化代码性能和避免回调地狱至关重要。首先，事件环是JavaScript引擎与Web API交互的核心，确保在适当的时间执行相应的回...
JavaScript事件循环及宏任务微任务原理解析
10-14
理解JavaScript的事件循环和宏任务、微任务的概念对于编写高性能、响应式的前端应用至关重要。通过合理安排任务类型和执行顺序，开发者可以优化代码执行效率，避免阻塞主线程，提升用户体验。在开发过程中，应尽量...
12. code微任务和宏任务.zip
08-28
code微任务和宏任务.zip"文件中，我们很可能会探讨JavaScript中的事件循环（Event Loop）以及它如何处理微任务（Microtasks）和宏任务（Macrotasks）。这两个概念是理解JavaScript非阻塞I/O和异步编程的关键。 ...
js代码-微任务，宏任务
07-16
在JavaScript的事件循环模型...总的来说，微任务和宏任务是JavaScript异步编程的核心，理解它们的工作原理有助于我们写出更加高效、健壮的代码。在日常编码中，我们应该充分利用这两种机制来提升应用的性能和用户体验。
总结js主线程宏任务微任务执行顺序
Ruiqi8的博客
09-19 733
总结 js的主线程微任务宏任务执行顺序 有例子
简单易懂的宏任务和微任务执行顺序
petertanjinjie的博客
10-12 1394
背景很多朋友在写面试题：宏任务与微任务的执行时机时，容易犯迷糊。之前我也写过两篇文章，这次加上详细的讲解，让大家更容易理解什么是宏任务、微任务？1.首先要称得上是宏任务、微任务的，必须是一...
js的同步与异步，宏任务与微任务的执行顺序
qq_47548037的博客
02-19 896
js的同步与异步，宏任务与微任务的执行顺序
js-代码执行顺序-事件循环机制-宏任务与微任务
lovepink527的博客
06-09 907
JavaScript是一门单线程语言分为同步任务和异步任务同步任务是指在主线程上排队执行的任务， 只有前一个任务执行完毕，才能继续执行下一个任务。异步任务指的是，不进入主线程、而进入"任务队列"的任务，只有等主线程任务全部执行完毕，"任务队列"的任务才会进入主线程执行。而异步任务分为宏任务和微任务......
宏任务和微任务setTimeout和Promise执行顺序？？
卡卡西：一个擅长拷贝的前端程序员
08-08 1万+
先以一道面试题做引子： 写出这段程序的输出内容： setTimeout(function(){ console.log(1); },0); new Promise(function(a,b){ console.log(2); for(var i=0;i<10;i++)...
宏任务与微任务的执行顺序
weixin_51042892的博客
03-06 1575
同步任务>微任务>宏任务 举例： setTimeout(()=>{ console.log('settimeout'); },0); new Promise(resolve=>{ resolve(); console.log("day day up"); }).then(value=>console.log("good good study"));
这一次，彻底弄懂 JavaScript 执行机制
weixin_33739646的博客
11-21 1536
本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论： javascript是按照语句出现的顺序执行的 看到这里读者要打人了：我难道不知道js是...
事件循环：浅浅了解宏、微任务的执行顺序
m0_55673399的博客
09-21 346
(特殊情况): 一般都是微任务先执行，然后再执行宏任务，但是在promise里面的宏任务函数，必须先执行完，才能往下执行}}});});async1();结果：126435依次看代码，未执行的先别看， Promise.resolve().then(() ...微任务，放进堆中；setTimeout宏任务放进堆中，执行async1，回去看async1，输出1；
javascript的宏任务和微任务
热门推荐
lc237423551的博客
04-11 7万+
今天进行了人生中的第一次面试。结果凉凉了。但是还是学到了很多东西。其中在面试时面试官问了我一道题 setTimeout(function(){ console.log('1') }); new Promise(function(resolve){ console.log('2'); resolve(); }).the...
微任务和宏任务谁先执行
05-16
在 JavaScript 中，宏任务和微任务都可以被添加到事件循环队列中，但它们的执行顺序是不同的。 当执行一个宏任务时，它会执行完整个任务，包括其中的微任务队列，然后才会执行下一个宏任务。而在宏任务执行过程中，如果产生了微任务，那么这些微任务会被添加到微任务队列中，等待宏任务执行完毕后执行。 因此，微任务的执行优先级要高于宏任务。也就是说，当当前宏任务执行完毕后，会立即执行所有已经添加到微任务队列中的微任务，然后才会执行下一个宏任务。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值