JavaScript - WeakMap() 构造函数
在 JavaScript 中,WeakMap 是一个内置对象,它允许我们以类似于常规 Map 的方式存储键值对,但有一些关键区别 -
键 - 在 WeakMap 中,键只能是对象,不能是字符串或数字等原始值。
大小 - WeakMap 没有 size 属性或 forEach() 方法来获取 WeakMap 中的项目数或迭代其元素。
清除 - WeakMap 没有 clear() 方法来一次性从 WeakMap 中删除所有元素。但是,我们可以使用 delete() 方法从 WeakMap 中删除单个元素的键。
不可枚举 − WeakMap 的键不可枚举,因此我们无法使用 keys()、values() 或 entry() 等方法来获取 WeakMap 的键或值。
垃圾回收 − WeakMap 对象用于存储弱持有的对象,这意味着如果键和值在代码中的其他任何地方不再被引用,它们就会被垃圾回收。
WeakMap() 构造函数创建一个新的 WeakMap 对象。它可以接受一个可选的可迭代参数,该参数是一个可迭代对象,其元素是键值对。如果提供,键值对将添加到新的 WeakMap 对象中。
WeakMap() 构造函数只能使用 new 关键字构造。如果我们尝试在不使用"new"的情况下调用它,则会抛出 TypeError。
语法
以下是 JavaScript WeakMap() 构造函数的语法 -
new WeakMap() new WeakMap(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
我们还可以在创建 WeakMap 对象后,使用 set() 方法向其添加键值对,如下例所示 -
<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"关联的"值"。
示例 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"关联的键值对。

