前言

在JavaScript中，WeakSet 和 WeakMap 是兩個(gè)相對(duì)較少被提及但非常有用的集合類(lèi)型。它們與我們熟悉的 Map 和 Set 類(lèi)似，但有一些獨(dú)特的特性和用途。

一、從對(duì)象和 Map 開(kāi)始

在深入探討 WeakSet 和 WeakMap 之前，我們先簡(jiǎn)單回顧一下 JavaScript 中的對(duì)象和 Map。

對(duì)象

對(duì)象是 JavaScript 中最常用的數(shù)據(jù)結(jié)構(gòu)之一。它是一個(gè)鍵值對(duì)的集合，鍵和值都可以是任意類(lèi)型。例如：

const algorithm = { site: "leetcode" };
console.log(algorithm.site); // leetcode

for (const key in algorithm) {
  console.log(key, algorithm[key]);
}

// site leetcode
delete algorithm.site;
console.log(algorithm.site); // undefined

對(duì)象的屬性可以通過(guò)點(diǎn)符號(hào)（.）訪問(wèn)，也可以通過(guò)中括號(hào)（[]）訪問(wèn)。對(duì)象的屬性可以通過(guò) delete 關(guān)鍵字刪除。

Map

Map 是一個(gè)更強(qiáng)大的集合類(lèi)型，它允許鍵和值為任意類(lèi)型。與對(duì)象不同，Map 的鍵是唯一的，且 Map 是可迭代的。例如：

const map = new Map();
map.set('name', 'john');
map.set('phone', 'iPhone');
console.log(map.get('phone')); // iPhone
console.log(map.has('phone')); // true
console.log(map.size); // 2

for (const item of map) {
  console.dir(item);
}
// Array(2) ["name", "john"]
// Array(2) ["phone", "iPhone"]

Map 提供了許多有用的方法，如 set、get、has、delete 和 clear。

二、WeakMap

WeakMap 是 Map 的一個(gè)變種，它與 Map 非常相似，但有一些關(guān)鍵的區(qū)別。

特性

1. 鍵必須是對(duì)象：WeakMap 的鍵必須是對(duì)象，不能是原始類(lèi)型（如字符串、數(shù)字等）。例如：

   const John = { name: 'John' };
   const weakMap = new WeakMap();
   weakMap.set(John, 'student');
   // WeakMap {{...} => "student"}
   weakMap.set('john', 'student');
   // Uncaught TypeError: Invalid value used as weak map key
   

2. 弱引用：WeakMap 的鍵是弱引用的。這意味著如果一個(gè)對(duì)象只被 WeakMap 引用，而沒(méi)有其他引用指向它，那么這個(gè)對(duì)象可能會(huì)被垃圾回收器回收。例如：

   let John = { major: "math" };
   const weakMap = new WeakMap();
   weakMap.set(John, 'student');
   John = null; // John 被垃圾回收
   

3. 不可迭代：WeakMap 不支持迭代方法，如 keys、values 和 entries。因此，你無(wú)法直接遍歷 WeakMap 中的鍵值對(duì)。

方法

WeakMap 提供了以下方法：

• set(key, value)：設(shè)置鍵值對(duì)。
• get(key)：獲取鍵對(duì)應(yīng)的值。
• has(key)：檢查是否存在某個(gè)鍵。
• delete(key)：刪除某個(gè)鍵。

使用場(chǎng)景

WeakMap 通常用于以下場(chǎng)景：

1. 私有數(shù)據(jù)存儲(chǔ)：由于 WeakMap 的鍵是弱引用的，且不可迭代，它非常適合用于存儲(chǔ)私有數(shù)據(jù)。例如，你可以為一個(gè)對(duì)象存儲(chǔ)一些私有狀態(tài)，而不用擔(dān)心這些狀態(tài)會(huì)泄漏到其他地方。

   const privateData = new WeakMap();
   const obj = { public: 'public' };
   privateData.set(obj, 'private');
   console.log(privateData.get(obj)); // private
   

2. 緩存：WeakMap 可以用于緩存對(duì)象的某些計(jì)算結(jié)果。由于鍵是弱引用的，當(dāng)對(duì)象被垃圾回收時(shí)，對(duì)應(yīng)的緩存也會(huì)自動(dòng)清除。

   const cache = new WeakMap();
   const obj = { data: 'some data' };
   cache.set(obj, processData(obj.data));
   

三、WeakSet

WeakSet 是 Set 的一個(gè)變種，它也具有一些獨(dú)特的特性。

特性

1. 成員必須是對(duì)象：WeakSet 的成員必須是對(duì)象，不能是原始類(lèi)型。例如：

   const John = { name: 'John' };
   const weakSet = new WeakSet();
   weakSet.add(John);
   // WeakSet {{...}}
   weakSet.add('john');
   // Uncaught TypeError: Invalid value used as weak set key
   

2. 弱引用：WeakSet 中的對(duì)象是弱引用的。如果一個(gè)對(duì)象只被 WeakSet 引用，而沒(méi)有其他引用指向它，那么這個(gè)對(duì)象可能會(huì)被垃圾回收器回收。例如：

   let John = { major: "math" };
   const weakSet = new WeakSet();
   weakSet.add(John);
   John = null; // John 被垃圾回收
   

3. 不可迭代：WeakSet 不支持迭代方法，如 forEach。因此，你無(wú)法直接遍歷 WeakSet 中的成員。

方法

WeakSet 提供了以下方法：

• add(value)：添加一個(gè)成員。
• delete(value)：刪除一個(gè)成員。
• has(value)：檢查是否包含某個(gè)成員。

使用場(chǎng)景

WeakSet 通常用于以下場(chǎng)景：

1. 對(duì)象標(biāo)記：你可以使用 WeakSet 來(lái)標(biāo)記某些對(duì)象，而不用擔(dān)心這些對(duì)象會(huì)泄漏。例如，你可以標(biāo)記某些對(duì)象為“已處理”或“已驗(yàn)證”。

   const processed = new WeakSet();
   const obj = { data: 'some data' };
   processed.add(obj);
   console.log(processed.has(obj)); // true
   

2. 對(duì)象池：WeakSet 可以用于管理對(duì)象池。當(dāng)對(duì)象被垃圾回收時(shí)，它們會(huì)自動(dòng)從 WeakSet 中移除，從而避免內(nèi)存泄漏。

   const objectPool = new WeakSet();
   const obj = { data: 'some data' };
   objectPool.add(obj);
   

四、總結(jié)

WeakMap 和 WeakSet 是 JavaScript 中非常有用的集合類(lèi)型，它們提供了弱引用的特性，這使得它們?cè)谀承﹫?chǎng)景下非常有用。WeakMap 適用于存儲(chǔ)私有數(shù)據(jù)和緩存，而 WeakSet 適用于對(duì)象標(biāo)記和對(duì)象池管理。由于它們的弱引用特性，它們可以幫助我們避免內(nèi)存泄漏，同時(shí)保持代碼的簡(jiǎn)潔和高效。

到此這篇關(guān)于JavaScript中WeakSet和WeakMap用法的文章就介紹到這了,更多相關(guān)JS中WeakSet和WeakMap內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論