JavaScript - WeakMap（）构造函数

在 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' 关联的键值对。

打印本页

JavaScript - WeakMap（） 构造函数

语法

参数