详解JavaScript中的Map和WeakMap
更新时间：2023年08月31日 08:37:40 作者：编程三昧
Map和WeakMap都是ES6中新增的数据结构,它们的主要区别在于键的作用域和键的类型,本文就通过代码示例给大家详细介绍了JavaScript键的作用域和类型,需要的朋友可以参考下
键的作用域
Map 的键的作用域是全局的，也就是说，Map 中的键不会被污染，也不会对其他的变量产生影响。而 WeakMap 的键的作用域是局部的，也就是说，WeakMap 中的键只在定义它的函数作用域内有效，一旦函数执行完毕，WeakMap 中的键就会被释放。
键的类型
Map 的键可以是任意类型的值，包括对象、数组、函数等等。而 WeakMap 的键只能是对象，因为 WeakMap 是通过引用计数来管理键的，如果键不是对象，就无法计数。
下面是一个使用 Map 和 WeakMap 的示例代码：
// 使用 Map 存储数据
const map = new Map();
map.set("a", 1);
map.set("b", 2);
map.set("c", 3);
// 使用 WeakMap 存储数据
const weakMap = new WeakMap();
const obj1 = {};
const obj2 = {};
weakMap.set(obj1, 1);
weakMap.set(obj2, 2);
weakMap.set(obj1, 3);
console.log(map.get("a")); // 1
console.log(map.get("b")); // 2
console.log(map.get("c")); // 3
console.log(weakMap.get(obj1)); // 3
console.log(weakMap.get(obj2)); // 2键的可枚举性
与Map对象不同的是，WeakMap的键是不可枚举的。不提供列出其键的方法。列表是否存在取决于垃圾回收器的状态，是不可预知的。
总结
如果有需要遍历键值对的需求，则需要使用 Map。
到此这篇关于详解JavaScript中的Map和WeakMap的文章就介绍到这了,更多相关JavaScript Map和WeakMap内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了ES6 Map结构的应用,结合实例形式分析了ES6中map键值对hash结构相关定义、获取、输出、遍历等相关操作技巧,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了JavaScript实现定时隐藏与显示图片的方法,可实现javascript定时关闭图片的功能,涉及javascript针对页面元素属性定时操作的相关技巧,需要的朋友可以参考下2015-08-08
这篇文章主要给大家介绍了关于JavaScript中异步/等待的用法与理解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
这篇文章主要介绍了JS如何动态增加删除UL节点LI及相关内容,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了JavaScript简单实现合并两个Json对象的方法,结合实例形式分析了json对象的遍历、添加实现合并的相关操作技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了JavaScript时间复杂度和空间复杂度，时间复杂度和空间复杂度是衡量一个算法是否优秀的标准，通常我们比较两个算法时会用预先估算和事后统计，下文详细介绍，需要的朋友可以参考一下2022-07-07
这篇文章主要为大家详细介绍了使用jsonp跨域调用百度js实现搜索框智能提示，感兴趣的小伙伴们可以参考一下2016-08-08
在javascript开发中经常会使用到array中方法，本文将对其一一详细介绍，需要了解的朋友可以参考下2012-12-12
这篇文章主要为大家详细介绍了js制作轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要为大家介绍了JS生态系统加速之eslint解析器使用实例探索,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2024-01-01
最新评论