JavaScript中宏任务和微任务初识

最新推荐文章于 2023-10-27 16:16:12 发布
最新推荐文章于 2023-10-27 16:16:12 发布
阅读量115 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://juejin.im/post/5cda7ea96fb9a0324b27df81
版权

浏览器中默认当前栈（宏任务）执行完毕后会清空微任务列表，微任务清空完成之后取下一个宏任务执行，执行过程中如果注册一些微任务，会在执行下一次宏任务之前再清空一次微任务......

先认识一下宏任务和微任务都有哪些

宏任务


浏览器Node
setTimeout√√
setInterval√√
setImmediatex√
requestAnimationFrame√x


微任务


浏览器Node
process.nextTickx√
MutationObserver√x
Promise.then catch finally√√


转载于:https://juejin.im/post/5cda7ea96fb9a0324b27df81

weixin_34146410
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C语言中宏定义和函数的取舍
01-19
宏定义可以帮助我们防止出错，提高代码的可移植性和可读性等。 　在软件开发过程中，经常有一些常用或者通用的功能或者代码段，这些功能既可以写成函数，也可以封装成为宏定义。那么究竟是用函数好，还是宏定义好？...
babel-plugin-as-macro:JavaScript代码中宏的功能
05-28
babel-plugin-as-macro JavaScript代码中宏的功能。动机当我使用，我想使用模块进行国际化。 但是使用文件系统（ fs模块）保存单词及其含义。 禁止导入使用文件系统的任何模块。 我发现的第一个解决方案是模块。 ...
js中的宏任务和微任务
weixin_44249754的博客
01-13 175
宏任务和微任务的关系 从代码入手最好理解，如下： setTimeout(() => { //执行后 回调一个宏事件 console.log('内层宏事件3') }, 0) console.log('外层宏事件1'); new Promise((resolve) => { console.log('外层宏事件2'); resolve() }).then(() => { console.log('微事件1'); }).then(()=>{
js 宏任务和微任务
weixin_59519449的博客
03-18 3836
1.宏任务和微任务的概念是什么 ？ 宏任务： 是指消息队列中的等待被主线程执行的事件，宏任务执行时都会重新创建栈，然后调用宏任务中的函数，栈也会随着变化，但宏任务执行结束时，栈也会随之销毁。包括整体代码script，setTimeout，setInterval new Promise* 微任务： 可以把微任务看成是一个需要异步执行的函数，执行时机是在主函数执行结束之后、当前宏任务结束之前Promise.then，process.nextTick(node中)*。微任务是基于消息队列、事件循环、UI
js中宏任务和微任务
qq_42994986的博客
08-08 334
在 JS 中，大部分的任务都是在主线程上执行，常见的任务有: 1）渲染事件 2）用户交互事件 3）js脚本执行 4）网络请求、文件读写完成事件等等。 普通任务队列和延迟队列中的任务，都属于宏任务。 对于每个宏任务而言，其内部都有一个微任务队列。 1）将异步回调进行宏任务队列的入队操作。 2）将异步回调放到当前宏任务的末尾。 常见的微任务有MutationObserver、Promise.then(或.reject) 以及以 Promise 为基础开发的其他技术(比如fetch API) 这便是宏任务和微任务
JS宏任务和微任务
m0_73481765的博客
10-23 1630
微任务会优先于下一个宏任务执行，即在当前宏任务执行完毕前，所有微任务都会被执行完毕。需要注意的是，当一个宏任务执行过程中产生新的微任务，这些微任务会在当前宏任务执行完之后立即执行。嵌套关系：在一个宏任务中产生的新的微任务，将会在当前宏任务执行完成后立即执行。而新的宏任务则需要等待当前宏任务执行完毕后才会执行。执行时机：宏任务是在主线程空闲时执行的，而微任务是在当前任务执行结束后立即执行的。执行顺序：宏任务按照先进先出的顺序执行，而微任务则会在下一个宏任务执行前优先执行。
中宏数据库培训教程.ppt
11-21
中宏数据库培训教程的内容非常详细和丰富，涵盖了数据库的所有方面，帮助用户快速掌握中宏数据库的使用和应用。 中宏数据库培训教程的特点 : 1. 内容详细丰富，涵盖了数据库的所有方面。 2. 教程结构清晰，易于...
EDA/PLD中的C语言中宏定义和函数的取舍
11-09
宏定义可以帮助我们防止出错，提高代码的可移植性和可读性等。 　在软件开发过程中，经常有一些常用或者通用的功能或者代码段，这些功能既可以写成函数，也可以封装成为宏定义。那么究竟是用函数好，还是宏定义好？...
中宏15章通货膨胀和失业.ppt
12-07
中宏15章通货膨胀和失业.ppt
宏任务和微任务的理解
vaelcy的博客
07-19 1138
一文搞懂宏任务和微任务
JS中的宏任务与微任务
ct5211314的博客
04-07 1211
JS是单线程语言，在同一时间内，只能做一件事，所以当某一个任务花费时间过长时，会造成程序的卡顿，所以Event Loop（事件循环）的方案应运而生，指定了，多个任务的执行顺序。
javascript中的宏任务和微任务
qq_42099097的博客
07-10 912
一、宏任务 1.宏任务所处得对了就是宏任务队列。 2.第一个宏任务队列中只有一个任务：执行主线程得js代码 3.宏任务队列可以有很多个。 4.当宏任务队列中的任务全部执行完之后，会查看当前是否有微任务，当当前的伟任务执行完之后，才会执行接下来的宏任务队列 5.eg：setTimeout ,setInterval,requestAnimationFrame 二、微任务 1.微任务所处的队列就是微任务队列 2.只有一个微任务队列 3.在上一个宏任务队列执行完毕后，如果有微任务队列，就会执行微任
js中的宏任务与微任务
weixin_51170516的博客
01-20 281
众所周知js是单线程，但js是可以执行同步和异步任务的，同步的任务众人皆知是按照顺序去执行的 而异步任务的执行，是有一个优先级的顺序的，包括了 宏任务（macrotasks） 和 微任务(microtasks) 宏任务包括：setTimeout setInterval Ajax DOM事件 微任务：Promise async/await 微任务比宏任务的执行时间要早 每次执行栈执行完所有的同步任务后，会在任务队列中取出异步任务，先将所有微任务执行完成后，才会执行宏任务所以可以得出结论， 微任务会在宏任
js中宏任务和微任务,js宏任务 微任务
最新发布
神经网络爱好者
10-27 181
2、前面提到过，这种方式是一个构造函数，是一个同步代码，所以执行同步代码里面的函数，即 console.log(1)，接下来是一个 then 的异步，跳过。3、setTimeout 是宏任务的异步，Promise.then()是微任务的异步，微任务是优先于宏任务执行的，所以，此时会先跳过 setTimeout 任务，执行两个 Promise.then() 的微任务。JS是单线程，碰见同步执行同步直到执行完毕，遇到异步放到执行队列中去，异步(宏任务和微任务)，在异步中微任务是优于宏任务执行的。
j s中宏任务和微任务
09-19
在JavaScript中，宏任务和微任务是异步执行的两种任务类型。宏任务通常是由浏览器提供的API触发的，例如setTimeout、setInterval和事件监听器等。而微任务通常是由Promise和MutationObserver等机制触发的。 在任务...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值