如何理解宏任务和微任务

已于 2022-01-27 02:34:39 修改
阅读量934 收藏 1
点赞数
分类专栏： js 异步列队 文章标签： javascript 前端 开发语言
于 2022-01-27 02:32:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/v_jinfuwu/article/details/122711472
版权

理解宏任务和微任务

宏任务和微任务都是异步任务，都是在同一个任务列队中，主要区别在于他们执行顺序；
在异步列队下又分为宏任务列队和微任务列队

当一个宏任务执行结束前，会在微任务列队执行栈中查找是否有微任务，如果有则执行，没有则开启一个新的宏任务，所以微任务总是在宏任务执行结束前执行的；

  • 宏任务
    • 整体 script、setTimeout、setInterval、setImmediate；
    • 微任务 promise、MutationObserver；
Mr.Frek
关注
专栏目录
浅谈JS宏任务和微任务理解
only_alive的博客
04-21 1295
1
ajax是宏任务还是微任务,JavaScript的宏任务和微任务
weixin_35089515的博客
08-06 1888
1. JavaScript是单线程语言JavaScript是一门单线程语言，在最新的html5中提出了web-worker，但是JavaScript是单线程的核心并没有改变。所有关于JavaScript的多线程都是由单线程模拟出来的。2. JavaScript的事件循环由于JavaScript是单线程，所以很多任务只能一个一个排队，这对于用户体验是非常不友好的。因此聪明的程序员就把任务分为两类：同...
宏任务和微任务理解
weixin_45727472的博客
02-10 1221
一、JavaScript执行过程 const name = "miracle"; console.log(name); function sum(num1, num2) { return num1 + num2; } function bar() { return sum(20, 30); } const result = bar(); console.log(result); 分析上面代码的执行过程： (1) 定义变量name； (2) 执
宏任务和微任务的理解
楠姐的博客
07-14 1318
JS简介 大家都是到js是单线程的，同一时间只能做一件事情，把其他的事情放在队列里面，完成主线程的任务之后在从队列里面获取任务 settimeOut（（）=>{ console.log("定时器") }，100） console.log("主线程") 输出： //主线程 //定时器 宏任务 script、setTimeout、setInterval、setImmediate、I/O、UIrendering 微任务 promise、Object.observe、MutationObser
学习和理解宏任务和微任务
看开了
05-22 1098
背景知识 eventqueue 事件队列 --队是先进先出(买票排队) eventloop 事件循环 – 像是轮询,不间断地看有没有需要执行的回调和能不能执行(轮询) js执行机制(有问题,请留言指出,谢谢):从上到下开始执行,同步代码一直往下走,异步代码放到队列当中,然后继续走同步,同步走完之后,然后是事件循环,走事件队列,执行满足条件的回调,并根据情况决定执行完成之后是否注销回调 异步代码放到队列当中:这个就是想食堂打饭排队,一个窗口有一个阿姨,问窗前的同学打哪些菜,然后确定这个同学,不要了,就
宏任务和微任务异步和单线程
好的文章我尽力写，大家的学习我尽力帮
01-19 998
一、什么是宏任务和微任务 js的逻辑执行机制是先执行同步的任务再执行异步的任务，而任务又分为宏任务和微任务，那么就是先执行微任务再执行宏任务。 二、异步和单线程 像这种情况new promise就是同步，它的回调就是异步。 1）所有的同步任务都在主线程上执行，行成一个执行栈。 2）除了主线程之外，还存在一个任务列队，只要异步任务有了运行结果，就在任务列队中植入一个时间标记。 ...
JS事件循环机制event loop宏任务微任务原理解析
10-14
总之，JavaScript的事件循环机制是其异步编程模型的核心，理解宏任务和微任务的区别以及它们在事件循环中的执行顺序，对于编写高效、可维护的JavaScript代码至关重要。通过不断实践和学习，开发者可以更好地掌控...
ajax是宏任务还是微任务,宏任务和微任务的一个小事
weixin_39695954的博客
08-06 1548
本文首发于 vivo互联网技术 微信公众号链接：作者：Ivan本文根据 JavaScript 规范入手，阐述了JS执行过程在考虑时效性和效率权衡中的演变，并通过从JS代码运行的基础机制事件队列入手，分析了JS不同任务类型(宏任务、微任务)的差别，通过这些差别给出了详细分析不同任务嵌套的复杂 JS 代码执行的分析流程。一、事件队列与回调在使用JavaScript编程时，需要用到大量的回调编程。回调，...
宏任务微任务深入理解+实例
qq_38294099的博客
04-02 164
宏任务微任务 执行栈中当前的任务就可以当作宏任务，宏任务是宿主源发起的比如node.js 浏览器，所以定时器属于宏任务；微任务是javascript发起的，promise是微任务；借一张循坏图： 微任务总是在宏任务之前执行；案例如下：宏任务1里面的微任务2在宏任务2前面执行，每次循坏都会寻找是否有微任务，有的话就执行完微任务，没有才去执行宏任务； ...
宏任务与微任务与异步
BreenCL的博客
07-30 297
在ES5之后，JavaScript引入了Promise，不需要浏览器的安排JavaScript引擎本身就可以发起任务了 宿主发起的任务称为宏任务 JavaScript引擎发起的任务称为微任务 同操作系统一样，等待的行为是一个事件循环，整个循环做的事情基本上就是反复的”等待—执行“ 1.宏任务 在任务队列（task queue）中的函数 每次执行的过程都是一个宏观任务 宏任务的队列就相当于事件循环 宏任务中JavaScript的Promise还会产生异步代码，JavaScr..
和我一起完全理解javascript中的宏任务与微任务
weixin_48786946的博客
06-22 1447
在了解 宏任务 与 微任务 之前我们必须要先弄清 javascript 中的 执行机制 这个概念，弄清楚了这个概念，宏任务 与 微任务 的理解也就 so easy 了~~ javascript 中的执行机制 1.关于javascript javascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的。 1.1 JS为什么是单线程的？ 答：JavaScript的单线程，与它
js异步之宏任务（marcroTask）和微任务（microTask）、同步和异步
亚洲的博客
01-20 511
什么是宏任务和微任务 宏任务包括：setTimeout setInterval Ajax DOM事件 微任务：Promise async/await 微任务比宏任务的执行时间要早 异步和单线程 异步和单线程是相辅相成的，js是一门单线程脚本语言，所以需要异步来辅助 异步和同步的区别： 异步不会阻塞程序的执行 同步会阻塞程序的执行 前端使用异步的场景 定时任务：setTimeout，setInverval 网络请求：ajax请求，动态<img>标签 事件绑定 异步阻塞事例 //aja
微任务和宏任务
yuanwen52的博客
11-23 443
2、常见的宏任务：setTimeout、setInterval、setImmediate(Node环境) Ajax Dom事件 MutationObserver script代码块。宏任务和微任务都是异步任务，且异步任务是放在任务队列里的，当主线程任务执行完毕后，从任务队列中取任务、执行任务，不断重复执行这个动作，就称为事件循环机制（Event Loop）。1、常见的微任务：Promise的then/catch/finally回调，process.nextTick()微任务比宏任务优先执行。
宏任务和微任务
最新发布
kk的博客
05-01 205
在这个宏任务中，你需要完成多个子任务，比如到咖啡店、选择咖啡、等待咖啡师制作、付款等等。而微任务则是在这些子任务完成后需要马上处理的事情，比如检查自己的钱包、给朋友发一条消息告知自己正在购买咖啡等等。与宏任务不同，微任务需要优先级更高，在每次宏任务执行完毕后都会先执行完所有微任务，然后再执行下一个宏任务。总的来说，宏任务和微任务都是异步任务的执行方式，在实际开发中可以根据需要选择合适的任务类型来进行处理，从而提升代码的性能和可读性。在 JavaScript 中，宏任务和微任务是==
Js中宏任务和微任务的简单理解
weixin_50379372的博客
06-07 1338
微任务和宏任务都是异步任务，它们都属于一个队列执行顺序
js宏任务、微任务、事件循环机制
大前端
03-27 563
js宏任务、微任务、事件循环机制
熟悉事件循环？那谈谈为什么会分为宏任务和微任务
唐先森的博客
03-22 1048
原文链接：熟悉事件循环？那谈谈为什么会分为宏任务和微任务 什么是事件循环 在了解事件循环前，需要一些有关 JS 特性的前置知识。 JS 引擎是单线程的，直白来说就是一个时间点下 JS 引擎只能去做一件事情，而 Java 这种多线程语言，可以同时做几件事情。 JS 做的任务分为同步和异步两种，所谓 “异步”，简单说就是一个任务不是连续完成的，先执行第一段，等做好了准备，再回过头执行第二段，第二段也被叫做回调；同步则是连贯完成的。 像读取文件、网络请求这种任务属于异步任务：花费时间很长，但中间的操作不需要 .
Promise：微任务、宏任务和同步
Zhou1Monster的博客
09-10 595
Promise：微任务、宏任务和同步 js的执行步骤是先执行同步，在执行微任务，最后执行宏任务 一下代码来源是向军老师的视频： let promise = new Promise(resolve=>{ setTimeout(()=>{ resolve(); console.log('settimeout') },0); console.log('promise') }).then(value=>console.log('then'))
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值