详解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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
这篇文章主要介绍了JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求 的相关资料,需要的朋友可以参考下2017-10-10
分割字符串的方法有很多，这篇文章主要介绍了一个JavaScript用逗号分割字符串实例，需要的朋友可以参考下2014-09-09
JavaScript Cookie显示用户上次访问的时间和次数
用cookies记录用户的访问时间与次数，然后再次访问时，在读取。2009-12-12
JavaScript中valueOf函数与toString方法深入理解
基本上，所有JS数据类型都拥有valueOf和toString这两个方法，null除外。它们俩解决javascript值运算与显示的问题,本文将详细介绍，有需要的朋友可以参考下2012-12-12
这篇文章主要介绍了小程序指纹验证的实现代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
本篇文章主要介绍了canvas+gif.js打造自己的数字雨头像的示例代码，这里整理了详细的代码，非常具有实用价值，需要的朋友可以参考下2017-10-10
下面小编就为大家带来一篇JS学习之表格的排序简单实例。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家详细介绍了js微信分享的实现代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了微信小程序 swiper组件轮播图详解及实例的相关资料,需要的朋友可以参考下，希望能给你带来帮助2021-08-08
本文主要介绍了JS和canvas实现俄罗斯方块的实例。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
最新评论