JavaScript#私有属性详解

JavaScript 中的 `#` 符号为类引入了真正的运行时私有成员机制——以 `#` 开头的字段和方法仅能在声明它们的类内部访问，子类无法继承、重写或直接调用，外部代码（包括反射 API）尝试访问会立即报错；它不同于 TypeScript 的编译时检查或闭包模拟，而是由引擎强制保障的硬性封装，支持初始化、getter/setter 等完整特性，且内存更优、语义更清晰，虽暂不支持私有静态字段且不可用于计算属性，却是现代 JavaScript 面向对象封装演进的关键一步。

JavaScript 中的 # 符号用于声明类的私有字段（包括属性和方法），它提供了真正的封装性——这些成员只能在定义它们的类内部访问，外部代码（包括子类）无法读取、写入或调用。

私有字段的语法与基本行为

私有字段以 # 开头，必须在类体中声明（支持 #prop 和 #method()），且不能在构造函数外动态添加。声明后，仅该类的实例方法可访问；任何外部尝试（如 obj.#x 或 Reflect.get(obj, '#x')）都会抛出 SyntaxError 或 TypeError。

• 私有字段不参与原型链，也不出现在 Object.keys()、for...in 或 JSON.stringify() 中
• 同名的公有属性与私有字段可共存（如同时存在 this.x 和 this.#x），互不影响
• 私有方法同样受保护，不能被子类重写或直接调用

子类无法继承或访问父类私有成员

私有字段不具备继承性。即使子类继承自父类，也无法通过 this.#x 访问父类声明的私有字段——这不同于 private 在 TypeScript 中的编译时检查，而是 JavaScript 引擎的运行时硬性限制。

• 子类中重复声明 #x 会创建一个**完全独立**的私有字段，与父类的 #x 无任何关系
• 试图在子类中使用 super.#x 会报错：语法不支持，super 不能用于访问私有字段
• 若需子类协作，应通过受保护的公有/私有方法间接暴露能力（如父类提供 getValue()）

与闭包模拟私有的关键区别

过去常用闭包在构造函数中保存私有数据（如 const _x = 123;），但这种方式下，每个实例都持有一份独立的闭包环境，内存开销略高，且无法在原型方法中访问（除非把方法也定义在构造函数内）。

• # 字段由引擎统一管理，共享同一套私有名称空间，更轻量、更符合类语义
• 所有类方法（包括原型上的）都能自然访问 this.#x，无需绑定或闭包捕获
• 私有字段支持初始化表达式（#x = this.#computeDefault()）、getter/setter（get #y() { return this.#x * 2; }）等完整特性

注意事项与常见误区

私有字段虽强约束，但使用时需注意边界场景：

• 私有字段名是“标识符”，不是字符串，'#x' 是普通字符串，不触发私有访问逻辑
• 不能用计算属性语法声明：[#x] 或 ['#' + 'x'] 均无效
• 暂不支持私有静态字段（static #x）——目前仍是提案阶段（Stage 4 已定稿，但部分旧环境未实现）
• 调试时，DevTools 可能显示私有字段（如 Chrome），但这是开发辅助，不代表可编程访问

本篇关于《JavaScript#私有属性详解》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！