抓住数据对象间的互动：深入探索JavaScript的WeakSet和WeakMap

缓存对象: WeakMap可以用于缓存对象，当对象不再被使用时，缓存将自动释放，从而节省内存空间。
对象池: WeakSet可以用于管理对象池，当对象不再被使用时，将其放回对象池中，以便其他部分重用。
事件监听: WeakMap可以用于存储事件监听器，当DOM元素不再存在时，自动移除监听器，从而避免内存泄漏。
数据绑定: WeakMap可以用于实现数据绑定，当数据发生变化时，自动更新绑定的UI元素。

2023-12-07 14:26:51

[WeakSet - 构建独特的对象容器]

WeakSet是一个特殊的集合结构，它只保存对JavaScript对象的弱引用。这意味着，当对象不再被其他任何变量或对象引用时，WeakSet将自动将其释放，从而避免内存泄漏。

// 创建WeakSet
const weakSet = new WeakSet();

// 添加对象到WeakSet
const obj1 = {};
const obj2 = {};
weakSet.add(obj1);
weakSet.add(obj2);

// 检查对象是否存在于WeakSet中
console.log(weakSet.has(obj1)); // true
console.log(weakSet.has(obj2)); // true

// 删除对象
weakSet.delete(obj1);

// 检查对象是否存在于WeakSet中
console.log(weakSet.has(obj1)); // false

[WeakMap - 构建键值对的弱引用]

与WeakSet类似，WeakMap也是一种特殊的数据结构，但它允许我们存储键值对，其中键是对象，值可以是任何类型的数据。当键对象不再被其他任何变量或对象引用时，WeakMap将自动删除该键值对，从而避免内存泄漏。

// 创建WeakMap
const weakMap = new WeakMap();

// 添加键值对到WeakMap
const obj1 = {};
const obj2 = {};
weakMap.set(obj1, 'value1');
weakMap.set(obj2, 'value2');

// 获取键值对
console.log(weakMap.get(obj1)); // 'value1'
console.log(weakMap.get(obj2)); // 'value2'

// 检查键值对是否存在
console.log(weakMap.has(obj1)); // true
console.log(weakMap.has(obj2)); // true

// 删除键值对
weakMap.delete(obj1);

// 检查键值对是否存在
console.log(weakMap.has(obj1)); // false