JS的宏任务和微任务

最新推荐文章于 2024-05-27 00:45:00 发布
最新推荐文章于 2024-05-27 00:45:00 发布
阅读量193 收藏
点赞数 1
分类专栏： js 文章标签： javascript ajax 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Passerby_K/article/details/125336425
版权

JS的宏任务和微任务

js是单线程，他有同步和异步两种情况；
异步操作又做了进一步的处理，分之为宏任务和微任务：

一，宏任务 - macrotask
> 异步请求，ajax;
> setTimeout,setInterval;
> 文件操作
> 其他宏任务
二：微任务 - microtask
> Promise.then 、.catch和.finaly
> process.nextTick
> async/await
> 其他微任务
在这里插入图片描述

注：微任务要比宏任务先执行！！！

Passerby_K
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js宏任务和微任务
weixin_57750909的博客
06-10 2147
js中的一个机制，就是遇到宏任务，先执行宏任务，将宏任务放入eventqueue，然后在执行微任务。 宏任务和微任务都包含一些事件 宏任务：setTimeout,setInterval,Ajax,DOM事件 微任务：Promise async/await 要想明白这个机制就要理解js单线程。因为JS是单线程语言，只能同时做一件事儿。js任务需要排队顺序执行，如果一个任务时间过长，后边的任务也会等着。假如，我们在请求一个网址时，图片加载很慢，网页总不能一直卡不出来，这个时候就可以...
JavaScript事件循环及宏任务微任务原理解析
10-14
同步任务是按顺序执行的，而异步任务分为宏任务（MacroTask）和微任务（MicroTask）。 宏任务主要包括：整个脚本、setTimeout、setInterval等。这些任务会在主线程空闲时从任务队列中取出执行。值得注意的是，...
js 宏任务和微任务
weixin_59519449的博客
03-18 3844
1.宏任务和微任务的概念是什么 ？ 宏任务： 是指消息队列中的等待被主线程执行的事件，宏任务执行时都会重新创建栈，然后调用宏任务中的函数，栈也会随着变化，但宏任务执行结束时，栈也会随之销毁。包括整体代码script，setTimeout，setInterval new Promise* 微任务： 可以把微任务看成是一个需要异步执行的函数，执行时机是在主函数执行结束之后、当前宏任务结束之前Promise.then，process.nextTick(node中)*。微任务是基于消息队列、事件循环、UI
JS事件循环机制之宏任务、微任务
最新发布
N201871643的博客
05-27 1435
1.1 定义与概念JavaScript 的运行环境通常是一个单线程的环境，即同一时间只能执行一个任务。为了实现非阻塞 I/O 操作和异步编程，JavaScript 引入了事件循环（Event Loop）机制。事件循环是一种在 JavaScript 引擎等待和执行代码的机制，它允许在单个线程上执行多个任务。1.2 事件循环的基本组成。
js中的宏任务与微任务
kiritomzzz的博客
07-02 1288
宏任务与微任务都属于JavaScript 中的异步任务
JS宏任务和微任务
m0_73481765的博客
10-23 1686
微任务会优先于下一个宏任务执行，即在当前宏任务执行完毕前，所有微任务都会被执行完毕。需要注意的是，当一个宏任务执行过程中产生新的微任务，这些微任务会在当前宏任务执行完之后立即执行。嵌套关系：在一个宏任务中产生的新的微任务，将会在当前宏任务执行完成后立即执行。而新的宏任务则需要等待当前宏任务执行完毕后才会执行。执行时机：宏任务是在主线程空闲时执行的，而微任务是在当前任务执行结束后立即执行的。执行顺序：宏任务按照先进先出的顺序执行，而微任务则会在下一个宏任务执行前优先执行。
JS事件循环机制event loop宏任务微任务原理解析
10-14
总之，JavaScript的事件循环机制是其异步编程模型的核心，理解宏任务和微任务的区别以及它们在事件循环中的执行顺序，对于编写高效、可维护的JavaScript代码至关重要。通过不断实践和学习，开发者可以更好地掌控...
js代码-微任务，宏任务
07-16
这主要通过事件循环（Event Loop）来实现，它将任务分为宏任务和微任务两类。 宏任务（Macrotask）通常包括以下类型： 1. `setTimeout` 和 `setInterval` 2. `I/O` 操作，如文件读写、网络请求 3. `UI 渲染` 4. `...
js代码-浏览器宏任务和微任务的触发机制
07-15
- 每次事件循环，JavaScript引擎会从宏任务队列中取出一个任务执行，执行过程中可能会产生新的宏任务和微任务。 - 宏任务执行完毕后，会检查微任务队列，执行所有微任务。 2. **微任务（Microtask）**： - 微...
异步单线程（js）宏任务与微任务
m0_64969829的博客
01-19 705
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、常见的宏任务和微任务？ 前言 提示：以下是本篇文章正文内容，下面案例可供参考 一、常见的宏任务和微任务？ 宏任务:setTimeout setInterval Dom事件, Ajax请求 微任务:Promise async/await 微任务>dom渲染>宏任务 结论:微任务执行时机比宏任务早 举例说明: console.log(1) setTimeout(()=>{ console.log(2) }
宏任务和微任务的理解
vaelcy的博客
07-19 1169
一文搞懂宏任务和微任务
对浏览器事件循环宏任务和微任务的理解
weixin_50061893的博客
09-08 435
文章目录前言一、微任务二、宏任务三.代码实战理解四、视频链接总结 前言 事件循环 JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。为了协调事件、用户交互、脚本、UI 渲染和网络处理等行为，防止主线程的不阻塞，Event Loop 的方案应用而生。Event Loop 包含两类：一类是基于 Browsing Context，一种是基于 Worker。二者的运行是独立的，也就是说，每一个 JavaScript 运行的"线程环境"都有一个独立的 Event Loop，每一个 W
JS之宏任务与微任务
weixin_50238437的博客
07-31 1771
JS之宏任务与微任务
javascript的宏任务和微任务
m0_71231013的博客
06-08 2841
执行原理：什么是宏任务和微任务： 宏任务和微任务的执行顺序： 总结：注意：要分清哪些是宏任务哪些是微任务。 经典面试题： 解析:第一步：会先去查找是否有同步任务？这里面的同步任务有第6行和第12行 ，因为在我们new一个Promise时会同步执行里面的log语句，所以这个会变成一个同步任务，又因为js执行机制会从上到下所以第6行会是第一个打印出来，然后就是第12行的同步任务。第二步：会去查找异步任务中是否有待执行的微任务，这里面的第9行刚好是一个待执行的微任务，所以它会第三个打印出来。当异步任务里面的所
JS中的宏任务与微任务
fangqi20170515的博客
09-18 528
主线程 > 微任务 > Dom渲染 > 宏任务。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值