如何让TypeScript区分命名空间（namespace）与静态属性（static attributes）？

问题本质 #

TypeScript的类型系统与值系统是分离的：当你把ClassA当作类型使用时，无法直接访问它的静态成员类型；但作为值（比如实例化时），静态属性是可以正常访问的，这就导致了代码中类型引用报错、值操作正常的矛盾情况。

可行解决方案 #

1. 用typeof获取静态成员的类型 #

这是改动最小的方案，通过typeof先拿到ClassA的构造函数类型，再访问其静态属性的类型：

class ClassA {
  static ClassB = class {
  };
}

// 正确引用静态类的类型
type T = typeof ClassA.ClassB;

// 实例化操作不受影响
new ClassA.ClassB();

2. 拆分类定义与静态挂载 #

提前单独定义内部类，再将其挂载到主类的静态属性上，类型直接引用单独定义的类名，结构更直观：

// 先独立定义ClassB
class ClassB {}

class ClassA {
  static ClassB = ClassB;
}

// 直接用ClassB作为类型
type T = ClassB;

new ClassA.ClassB();

3. 类与命名空间合并 #

利用TypeScript的类与同名命名空间合并特性，将内部类放在命名空间中，类型和值层面都能直接通过ClassA.ClassB访问：

class ClassA {}

namespace ClassA {
  export class ClassB {}
}

// 类型引用正常
type T = ClassA.ClassB;

// 实例化正常
new ClassA.ClassB();

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