JS异步宏队列微队列原理详解
作者:蒋先森 时间:2024-04-22 13:26:43
先看一张我绘制的原理图
原理图
setImmediate 也是宏任务,在 Node 环境下,微任务还有 process.nextTick
JS 中用来存储待执行回调函数的队列包含 2 个不同特定的列队
宏列队:用来保存待执行的宏任务(回调),比如:定时器回调、DOM 事件回调、ajax 回调微
列队:用来保存待执行的微任务(回调),比如:promise的回调、MutationObserver 的回调
JS 执行时会区别这 2 个队列
JS 引擎首先必须先执行所有的初始化同步任务代码
每次准备取出第一个宏任务执行前, 都要将所有的微任务一个一个取出来执行,也就是优先级比宏任务高,且与微任务所处的代码位置无关
下面这个例子可以看出 Promise 要先于 setTimeout 执行
setTimeout(() => { // 立即放入宏队列
console.log('settimeout callback1()');
}, 0);
setTimeout(() => { // 立即放入宏队列
console.log('settimeout callback2()');
}, 0);
Promise.resolve(1).then(value => { // 立即放入微队列
console.log('Promise onResolved1()', value);
})
Promise.resolve(2).then(value => { // 立即放入微队列
console.log('Promise onResolved2()', value);
})
// Promise onResolved1() 1
// Promise onResolved2() 2
// settimeout callback1()
// settimeout callback2()
全文完。
来源:https://www.cnblogs.com/jiangweichen88/p/13528231.html
标签:JS,异步,宏,微,队列
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
pjblog3相关日志功能(支持生成静态模式)
2008-11-20 13:41:00
my.ini优化mysql数据库性能的十个参数(推荐)
2024-01-25 13:06:56
python实现windows下文件备份脚本
2021-05-06 06:32:41
这种sql写法真的会导致索引失效吗
2024-01-18 18:31:47
Python实现多态、协议和鸭子类型的代码详解
2021-03-16 19:02:35
ASP分页显示Recordset数据
2008-11-07 15:43:00
IDEA连接不上MySQL端口号占用的解决
2024-01-24 14:49:21
![](https://img.aspxhome.com/file/2023/2/93912_0s.jpg)
swfupload上传使用代码说明ASP版
2011-11-27 09:34:32
把CSV文件导入到SQL Server表中的方法
2024-01-20 17:22:13
![](https://img.aspxhome.com/file/2023/9/99999_0s.png)
Spring boot连接MySQL 8.0可能出现的问题
2024-01-17 17:04:28
Python实现树的先序、中序、后序排序算法示例
2022-12-26 04:00:18
Python分支结构(switch)操作简介
2021-07-05 07:24:46
详解为什么说Golang中的字符串类型不能修改
2024-02-04 09:24:45
![](https://img.aspxhome.com/file/2023/1/113071_0s.png)
python 实现倒计时功能(gui界面)
2021-03-05 14:19:55
![](https://img.aspxhome.com/file/2023/5/68915_0s.gif)
15个开发者必须知道的chrome技巧
2022-08-27 20:24:33
![](https://img.aspxhome.com/file/2023/0/120520_0s.jpg)
为什么定位会被float和clear影响!
2008-11-10 11:06:00
pytorch常见的Tensor类型详解
2022-10-25 19:34:01
django框架用户权限中的session缓存到redis中的方法
2021-10-13 01:09:48
关于vue中根据用户权限动态添加路由的问题
2024-05-05 09:25:11
![](https://img.aspxhome.com/file/2023/2/128892_0s.png)
MySql 8.0及对应驱动包匹配的注意点说明
2024-01-24 02:57:11