JavaScript 私有字段 # 语法
ES2022类私有字段:私有实例字段#field只能在类内部访问(真正的封装/不同于_前缀约定/语法级强制执行)、私有方法#method()、私有静态字段static #field、私有getter/setter get #x()/set #x(v)、与TypeScript private区别(编译时vs运行时) · 难度:入门 · +10XP
JavaScript 私有字段 —— 真正的封装
ES2022引入了以#开头的私有字段和私有方法。与TypeScript的private不同,#是真正的运行时私有——类外部完全无法访问。
基本用法
class BankAccount {
#balance = 0; // 私有字段
deposit(amount) { this.#balance += amount; }
getBalance() { return this.#balance; }
}
const account = new BankAccount();
account.deposit(100);
console.log(account.getBalance()); // 100
console.log(account.#balance); // SyntaxError! 外部无法访问对比
| 方式 | 运行时私有 | 编译时检查 |
|---|---|---|
| #privateField | 是 | 是 |
| TypeScript private | 否 | 是 |
| _convention | 否 | 否(约定而已) |
动手练习
- 基础练习:创建一个带#private field的Counter类。
- 进阶应用:实现一个不可变的栈(Stack)——内部用#data存储,外部只能push/pop。
- 项目实战:把项目中用_前缀约定的"私有"属性改为真正的#私有字段。