为何JavaScript私有方法在代码中调用报错，控制台却可访问？

先看这段代码：

const secure = new class {
    #privateProperty = 4;
    #privateMethod() {
        console.log( 'The property ' + this.#privateProperty + ' should not be accessible outside this class' );
    }
}

两种不同的执行结果 #

• 若在脚本中紧接着执行secure.#privateMethod();，会直接触发语法错误：Uncaught SyntaxError: Private field '#privateMethod' must be declared in an enclosing class
• 若先运行脚本创建secure实例，再在开发者工具控制台输入secure.#privateMethod();，却能正常输出：The property 4 should not be accessible outside this class

核心原因 #

JavaScript的私有字段/方法采用静态作用域检查：

1. 脚本内的代码在编译阶段就会被检查：当前作用域是否存在对应私有成员的声明。因为secure是匿名类的实例，而脚本作用域并没有这个类的定义，静态检查无法通过，直接抛出语法错误。
2. 控制台的代码属于运行时动态求值。此时secure实例已经存在，控制台作为调试工具，会绕过静态语法检查，允许通过运行时的内部机制访问实例所属类的私有成员，方便开发者调试。

这种差异是调试工具的特殊设计，正常脚本的静态语法规则依然会严格保证私有成员的封装性，只有调试场景下才会开放这种访问权限。

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