为何无法调用类中#声明的私有方法，而private声明的可以？

问题背景 #

你尝试调用类的私有字段方法#method2()时触发语法错误，而使用TypeScript private修饰的method1()在添加@ts-ignore后能正常执行，但#method2()调用失败，报错信息如下：

const result = Example..call(Example);
                               ^

SyntaxError: Unexpected token '.'

核心原因分析 #

1. TypeScript private 与 JavaScript 原生私有字段（#）的本质差异

• TypeScript的private是编译时的访问限制，编译后会被转译为普通的JavaScript原型方法，没有真正的运行时访问限制。因此你通过@ts-ignore绕过TS检查后，能直接调用Example.method1()（本质是调用Example.prototype.method1，因方法未依赖this所以能正常返回值）。
• JavaScript原生的#method2是运行时强制执行的私有成员，属于类的实例而非类本身，且语言层面严格限制：只能在类的内部代码中通过this.#method2()调用，类外部无法直接访问，这是无法通过语法忽略绕过的底层限制。

2. 私有字段的访问规则

#method2是实例私有方法，不是静态方法，且JS引擎会直接拒绝类外部对私有字段的访问尝试，哪怕你尝试用Example.#method2()这种写法，本身就不符合语法规范，转译工具（如Jest的转译器）处理时会因语法错误抛出异常，也就是你看到的Unexpected token '.'报错。

解决方案 #

要访问#method2，必须在类内部封装一个公开的访问入口，示例如下：

方案1：封装实例方法调用私有字段

class Example {
  private method1(): any{
    return "it works"
  }
  #method2(): any {
    return "it works"
  }
  // 公开方法封装私有字段调用
  public invokeMethod2(): any {
    return this.#method2();
  }
}

对应的测试用例：

it('should call #method2 via public method', () => {
  const exampleInstance = new Example();
  const result = exampleInstance.invokeMethod2();
  expect(result === "it works").toBeTruthy();
});

方案2：改为静态私有字段并封装静态访问方法

如果需要通过类直接调用（而非实例），可以将#method2改为静态私有字段：

class Example {
  private method1(): any{
    return "it works"
  }
  static #method2(): any {
    return "it works"
  }
  // 公开静态方法封装静态私有字段调用
  public static invokeStaticMethod2(): any {
    return this.#method2();
  }
}

对应的测试用例：

it('should call static #method2 via public static method', () => {
  const result = Example.invokeStaticMethod2();
  expect(result === "it works").toBeTruthy();
});

额外提示 #

原测试用例中Example.method1()的调用方式其实并不正确：method1是实例方法，正确的调用方式应该是new Example().method1()，只是因为该方法未依赖this，才碰巧返回了预期值。实际开发中应遵循类成员的访问规则，避免这种不规范的写法。

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