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' 關聯的鍵值對。

廣告