JavaScript - The WeakSet 物件
你好，有志於编程的同學們！今天，我們將要探討一個令人著迷但常被忽視的JavaScript功能：WeakSet物件。不僅僅是初學者，即使你是新手上路也不用擔心；我會一步步引導你理解這個概念，就像我過去幾年來為無數學生所做的一樣。所以，拿起你喜歡的飲料，放鬆一下，我們一起來深入了解一下吧！
What is a WeakSet？
在我們深入細節之前，讓我們先來了解一下WeakSet是什麼。想像你有一個特別的盒子，你只能在其中放入獨特的玩具，但當沒有人再玩這些玩具時，它們會神奇地消失。這在JavaScript中就像是一個WeakSet！
WeakSet是一個對象的集合，但它有一些特殊的特性：
- 它只能存儲對象，而不能存儲原始值。
- WeakSet中的對象是弱引用的，意味著如果沒有其他引用指向它們，它們可以被垃圾回收。
- WeakSet是不可枚舉的，所以你不能遍歷它們。
現在，讓我們來看看如何創建和使用WeakSet。
語法
創建一個WeakSet非常簡單。這樣做：
let myWeakSet = new WeakSet();就這樣！你剛剛創建了一個空的WeakSet。現在，讓我們向其中添加一些對象。
let obj1 = { name: "Alice" };
let obj2 = { name: "Bob" };
myWeakSet.add(obj1);
myWeakSet.add(obj2);
console.log(myWeakSet.has(obj1)); // 輸出：true
console.log(myWeakSet.has(obj2)); // 輸出：true在這個例子中，我們創建了兩個對象並將它們添加到我們的WeakSet中。has()方法用於檢查對象是否在WeakSet中。
WeakSet 屬性
現在，你可能會想，"WeakSet有哪些屬性呢？" 嗯，這裡有一個有趣的事實：WeakSet沒有任何屬性！沒錯，一個也沒有，零，一無所有！這是因為WeakSet被設計成輕量化的，並不追踪它的大小或內容。
WeakSet 方法
雖然WeakSet沒有屬性，但它有一些有用的方法。讓我們在表格中看看它們：
| 方法 | 描述 |
|---|---|
| add(value) | 將一個新的對象添加到WeakSet |
| delete(value) | 從WeakSet中刪除一個特定的對象 |
| has(value) | 檢查WeakSet中是否存在一個特定的對象 |
讓我們看看這些方法是如何運作的：
let weakSet = new WeakSet();
let obj = { id: 1 };
// 添加一個對象
weakSet.add(obj);
console.log(weakSet.has(obj)); // 輸出：true
// 拋試刪除對象
weakSet.delete(obj);
console.log(weakSet.has(obj)); // 輸出：false
// 拋試添加非對象（將會拋出錯誤）
try {
weakSet.add(1);
} catch(error) {
console.log("錯誤：", error.message);
}
// 輸出：錯誤：Invalid value used in weak set在這個例子中，我們使用了WeakSet的所有三個方法。注意，當試圖添加一個非對象值（如數字1）時會拋出錯誤。記住，WeakSet只對對象有效！
範例
現在，我們已經介紹了基礎知識，讓我們來看看一些實際的範例，當你可能会使用WeakSet。
範例 1：追蹤對象訪問
想像你正在建立一個網站，並想追蹤用戶訪問過哪些頁面，但僅在他們積極瀏覽時：
let visitedPages = new WeakSet();
class Page {
constructor(url) {
this.url = url;
}
visit() {
visitedPages.add(this);
console.log(`Visited: ${this.url}`);
}
hasVisited() {
return visitedPages.has(this);
}
}
let homePage = new Page("https://example.com");
let aboutPage = new Page("https://example.com/about");
homePage.visit(); // 輸出：Visited: https://example.com
console.log(homePage.hasVisited()); // 輸出：true
console.log(aboutPage.hasVisited()); // 輸出：false在這個例子中，我們使用WeakSet來追蹤訪問過的Page對象。WeakSet允許Page對象在被不再需要時被垃圾回收，這對於記憶體管理來說非常好！
範例 2：防止重複處理
讓我們說你正在編寫一個處理用戶數據的程序，但你想要確保每個用戶只被處理一次：
let processedUsers = new WeakSet();
function processUser(user) {
if (processedUsers.has(user)) {
console.log(`User ${user.name} has already been processed.`);
return;
}
// 處理用戶...
console.log(`Processing user: ${user.name}`);
processedUsers.add(user);
}
let user1 = { name: "Alice" };
let user2 = { name: "Bob" };
processUser(user1); // 輸出：Processing user: Alice
processUser(user2); // 輸出：Processing user: Bob
processUser(user1); // 輸出：User Alice has already been processed.在這個例子中，我們使用WeakSet來追蹤已經處理過的用戶。這樣可以防止重複處理，並且由於如果用戶對象在代碼的其他地方不再被引用，它可以與WeakSet中的條目一起被垃圾回收，因此這種方式對記憶體也是有效的。
結論
好了，各位！我們已經探討了JavaScript中神秘的WeakSet世界。記住，WeakSet就像那個酷炫、簡約的朋友，不喜歡過於長久地持有東西。當你需要將對象與特定的狀態或行為相關聯，但又不希望阻止這些對象被垃圾回收時，它們是完美的。
WeakSet可能不是你每天都会使用的工具，但理解它為你的JavaScript工具箱添加了另一個強大的工具。誰知道呢？有一天，你可能會發現自己處在一個棘手問題中，而WeakSet正是解決問題的關鍵。
繼續編程，保持好奇心，並記住：在编程世界中，總有新的事物等待著你去學習！
Credits: Image by storyset