在 JavaScript 中,WeakMap 是一个内置对象,它允许我们以类似于常规 Map 的方式存储键值对,但有一些关键区别 -
- Keys − 在 WeakMap 中,键只能是对象,而不能是字符串或数字等原始值。
- Size − WeakMaps 没有 size 属性或 forEach() 方法来获取 WeakMap 中的项目数或迭代其元素。
- Clear − WeakMaps 没有 clear() 方法可以一次从 WeakMap 中删除所有元素。但是,我们可以通过使用 delete() 方法从 WeakMap 中删除它们的键来删除单个元素。
- 不可枚举 − WeakMap 的键是不可枚举的,因此我们不能使用 keys()、values() 或 entries() 等方法来获取 WeakMap 的键或值。
- 垃圾回收 − WeakMap 对象用于存储弱持有的对象,这意味着如果键和值不再在代码中的其他任何位置被引用,则可以对其进行垃圾回收。
WeakMap() 构造函数创建一个新的 WeakMap 对象。它可以接受一个可选的 iterable 参数,该参数是一个可迭代对象,其元素是键值对。如果提供,则键值对将添加到新的 WeakMap 对象中。
WeakMap() 构造函数只能使用 new 关键字构造。如果我们尝试在没有 'new' 的情况下调用它,则会抛出 TypeError。
语法
以下是 JavaScript WeakMap() 构造函数的语法 -
new WeakMap()
new WeakMap(iterable)
参数
此构造函数接受可选参数。下面描述相同 -
- iterable (可选) − 它可以是任何可迭代对象,其中包含具有两个元素的数组类对象:键和值。如果未提供 iterable 参数,则创建一个空的 WeakMap 对象。
返回值
WeakMap() 构造函数的返回值是一个新的 WeakMap 对象。
示例 1
在以下示例中,我们将使用 JavaScript WeakMap() 构造函数创建一个空的 WeakMap 对象 -
<html>
<body>
<script>
const weakMap = new WeakMap();
if(weakMap){
document.write("Weakmap object created successfully...")
}
</script>
</body>
</html>
输出
如果我们执行上述程序,将创建一个空的 WeakMap 对象。
示例 2
我们还可以将可选的可迭代对象作为参数传递给 WeakMap() 构造函数,如下所示 -
<html>
<body>
<script>
let key1 = {id: 1};
let key2 = {id: 2};
let key3 = {id: 3};
const weakMap = new WeakMap([
[key1, 'apple'],
[key2, 'banana'],
[key3, 'cherry']
]);
document.write(weakMap.get(key1) + ", " + weakMap.get(key2) + ", " + weakMap.get(key3));
</script>
</body>
</html>
输出
上述程序返回与其各自键关联的值。
示例 3
我们还可以在使用 set() 方法创建 WeakMap 对象后将其添加键值对,如以下示例所示 -
<html>
<body>
<script>
let weakMap = new WeakMap();
let key1 = {};
let key2 = {};
let key3 = {};
weakMap.set(key1, "apple");
weakMap.set(key2, "banana");
weakMap.set(key3, "cherry");
document.write(weakMap.get(key1) + ", " + weakMap.get(key2) + ", " + weakMap.get(key3));
</script>
</body>
</html>
输出
“weakMap” 对象将包含提供的三个键值对作为元素。此外,如果我们执行程序,我们可以看到与它们各自的键相关联的 “值”。
示例 4
我们可以使用 get() 方法访问与 WeakMap 对象中的键关联的值,如下例所示 -
<html>
<body>
<script>
let weakMap = new WeakMap();
let id1 = {id: 1};
let id2 = {id: 2};
let id3 = {id: 3};
weakMap.set(id1, "apple");
weakMap.set(id2, "banana");
weakMap.set(id3, "cherry");
document.write(weakMap.get(id1), "<br>");
document.write(weakMap.get(id2), "<br>");
document.write(weakMap.get(id3));
</script>
</body>
</html>
输出
上面的程序打印与 WeakMap 对象中的键 'id1'、'id2' 和 'id3' 相关的 “values”。
示例 5
在这里,我们使用 delete() 方法从 WeakMap 对象中删除键值对 −
<html>
<body>
<script>
let weakMap = new WeakMap();
let id1 = {id :1};
let id2 = {id :2};
let id3 = {id :3};
weakMap.set(id1, "apple");
weakMap.set(id2, "banana");
weakMap.set(id3, "cherry");
document.write(weakMap.delete(id1), "<br>");
document.write(weakMap.delete(id2));
</script>
</body>
</html>
输出
上面的程序从 WeakMap 对象中删除与键 'id1' 和 'id2' 关联的键值对。