Chrome 114中JavaScript类私有属性为何仍可被访问？

代码示例 #

class Person {
  #name = 'Ergonomic brand checks for Private Fields';
  aa = 1;
  static check(obj) {
    return #name in obj;
  }
}

var p = new Person();

矛盾现象 #

• 执行 p.#name 可以访问到值，看起来私有字段未被正确限制
• 执行 p.#age 会报错，看起来私有字段又被支持

原因分析 #

这种矛盾现象通常是由于JavaScript运行环境对私有字段的支持不完整或存在兼容性问题导致的，具体分两种情况：

1. p.#name 可访问的原因
   正常情况下，私有字段（#name）只能在类的内部（比如类的方法、静态方法）访问，外部直接调用 p.#name 应该抛出SyntaxError（语法错误）。如果能成功访问，说明你的运行环境可能：

   • 没有严格遵循ECMAScript标准，未对私有字段的外部访问做限制；
   • 使用了过时的转译工具（如旧版Babel），将私有字段转译为了普通公有属性，导致外部可以直接访问。

2. p.#age 报错的原因
   当你尝试访问不存在的私有字段 #age 时报错，说明你的运行环境的语法解析器已经识别了#前缀的私有字段语法。此时解析器会按照私有字段的规则处理，发现#age从未在Person类中声明，因此抛出错误（通常是TypeError: Private field '#age' must be declared in an enclosing class）。

简单来说：你的环境部分支持私有字段——语法层面识别了#的私有字段标识，但运行时没有严格执行私有字段的封装规则，导致已声明的私有字段可以被外部访问，而未声明的私有字段则触发语法/运行时错误。

内容的提问来源于stack exchange，提问作者flyflydogdog