JavaScript - WeakMap() 构造函数

在 JavaScript 中，WeakMap 是一个内置对象，它允许我们像使用普通 Map 一样存储键值对，但有一些关键区别：

键 - 在 WeakMap 中，键只能是对象，不能是字符串或数字等原始值。
大小 - WeakMap 没有 size 属性或 forEach() 方法来获取 WeakMap 中的项目数量或迭代其元素。
清除 - WeakMap 没有 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

我们还可以在创建 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' 关联的键值对。

打印页面