如何导出TypeScript类并保留关联变量私有？解决TS4028报错

遇到这个报错很正常——TypeScript的类型检查会严格确保：如果你导出了一个类，那它的公共成员所依赖的所有名称也必须是外部可访问的。不然外部代码在使用这个公共属性时，TypeScript没法准确处理类型逻辑。不过有几个靠谱的办法可以解决你的问题，不用把私有变量暴露出去：

方案1：直接使用字符串字面量替代私有变量 #

如果hidden只是用来定义属性名的字符串常量，那完全可以直接写字符串字面量，彻底绕开对私有变量的引用：

export class MyClass {
  // 直接用字符串字面量定义属性名，不需要私有变量
  public static ['hidden'] = true;
}

这样既保留了类的公共属性，又不需要任何私有变量，自然不会触发TS4028错误。

方案2：使用模块级别的私有常量 #

如果必须用变量来管理这个属性名，你可以把hidden定义在模块级别（而不是类的私有成员），并且不导出它——这样它只会在当前模块内可见，外部完全访问不到，但类的公共属性可以正常引用它：

// 模块级别的常量，不导出，外部无法访问
const hidden = 'hidden';

export class MyClass {
  public static [hidden] = true;
}

这种方式既满足了用变量管理属性名的需求，又严格保证了hidden不会被外部获取到，同时也符合TypeScript的类型规则，不会报错。

方案3：临时抑制错误（不推荐） #

如果你实在需要保留类内的私有变量，也可以用// @ts-ignore注释临时屏蔽这一行的错误，但要注意这是下策——它会忽略这一行的所有类型问题，可能掩盖其他潜在的错误：

export class MyClass {
  private static hidden = 'hidden';
  
  // @ts-ignore 仅用于屏蔽TS4028错误，谨慎使用
  public static [hidden] = true;
}

总结一下，前两种方案都是从根源上符合TypeScript的设计逻辑，推荐优先使用；第三种只是临时的权宜之计，尽量避免。

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