// 1. 創(chuàng)建 WeakMap
const wm = new WeakMap();
// 2. 定義對(duì)象作為鍵（原始值不能做鍵）
let user = { name: "張三" };
let info = { age: 20 };
// 3. set(key, value)：添加鍵值對(duì)
wm.set(user, "用戶信息");
wm.set(info, { id: 1001 });
// 4. get(key)：獲取值
console.log(wm.get(user)); // 輸出：用戶信息
// 5. has(key)：判斷是否存在
console.log(wm.has(info)); // 輸出：true
// 6. delete(key)：刪除鍵值對(duì)
wm.delete(info);
console.log(wm.has(info)); // 輸出：false

// 報(bào)錯(cuò)：Invalid value used as weak map key
wm.set("字符串鍵", 123); 
wm.set(123, "數(shù)值鍵");

// 1. 使用 Map（強(qiáng)引用）
let obj = { id: 1 };
const map = new Map();
map.set(obj, "數(shù)據(jù)");
obj = null; // 手動(dòng)釋放引用
// Map 中依然保留 obj，不會(huì)被回收 → 內(nèi)存泄漏
// 2. 使用 WeakMap（弱引用）
let obj2 = { id: 2 };
const weakMap = new WeakMap();
weakMap.set(obj2, "數(shù)據(jù)");
obj2 = null; // 手動(dòng)釋放引用
// 沒有其他引用 → 垃圾回收自動(dòng)清理 obj2 和 weakMap 中的鍵值對(duì)

const btn = document.querySelector("#btn");
const domData = new WeakMap();
// 給 DOM 綁定數(shù)據(jù)
domData.set(btn, { clickCount: 0 });
// 使用數(shù)據(jù)
btn.addEventListener("click", () => {
  const data = domData.get(btn);
  data.clickCount++;
  console.log(data.clickCount);
});
// DOM 被刪除時(shí) → WeakMap 自動(dòng)清理，無內(nèi)存泄漏
// btn.remove();

const _private = new WeakMap();
class User {
  constructor(name) {
    // 私有數(shù)據(jù)存在 WeakMap 中
    _private.set(this, { name });
  }
  getName() {
    return _private.get(this).name;
  }
}
const u = new User("李四");
console.log(u.getName()); // 李四
console.log(u.name); // undefined（真正私有）

const cache = new WeakMap();
// 緩存計(jì)算結(jié)果
function getCachedData(obj) {
  if (cache.has(obj)) {
    return cache.get(obj);
  }
  // 模擬耗時(shí)計(jì)算
  const result = obj.id * 100;
  cache.set(obj, result);
  return result;
}