⚡ 编程实验室🏗️ HTML🎨 CSS⚡ JavaScript🐍 Python🗄️ SQL☕ Java⚛️ React💚 Vue🟢 Node.js⚙️ C语言🐘 PHP🐹 Go🔷 TypeScript🐬 MySQL🔧 C++🎯 C#🦀 Rust🅱️ Bootstrap💡 jQuery🎸 Django🍃 MongoDB👗 Sass🎪 Kotlin📊 R语言📋 XML📊 Excel🐘 PostgreSQL🐳 Docker🅰️ Angular🎮 游戏🏠 网站首页

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否(约定而已)

动手练习

  1. 基础练习:创建一个带#private field的Counter类。
  2. 进阶应用:实现一个不可变的栈(Stack)——内部用#data存储,外部只能push/pop。
  3. 项目实战:把项目中用_前缀约定的"私有"属性改为真正的#私有字段。
Ctrl+Enter
🚀 升级VIP
解锁全部课程+AI助手

🏆 学习排行

加载中...

📊 统计

📖 231 篇
0 完成
🔥 0