JS 如何用 WeakMap 实现私有属性？

Question

仓乃文 · Accepted Answer

JavaScript 没有真正的私有属性（# 前缀是 ES2022 新增），WeakMap 可以模拟私有属性，外部无法访问，且不会造成内存泄漏。

WeakMap 实现私有属性：
```javascript
const privateData = new WeakMap();

class Person {
  constructor(name, age) {
    privateData.set(this, { name, age });
  }

getName() {
    return privateData.get(this).name;
  }

getAge() {
    return privateData.get(this).age;
  }
}

const person = new Person("张三", 25);
person.getName();  // "张三"
person.name;       // undefined，外部无法直接访问
```

多模块共享私有数据：
```javascript
// person.js
const _name = new WeakMap();
const _age = new WeakMap();

export class Person {
  constructor(name, age) {
    _name.set(this, name);
    _age.set(this, age);
  }

greet() {
    return `我是 ${_name.get(this)}，今年 ${_age.get(this)} 岁`;
  }
}
```

补充说明：
- WeakMap 的 key 必须是对象，当对象被回收时对应值也自动释放
- 与 Map 不同，WeakMap 不可遍历，外部无法获取所有私有属性
- ES2022 的 # 前缀是真正的私有属性，但 WeakMap 方案兼容性更好
- WeakMap 还常用于缓存计算结果、关联 DOM 元素和额外数据