为何TypeScript示例中访问类属性会抛出TS2339错误？

这个错误的核心原因是泛型T的类型约束不够明确。

你的CreateMyClass函数定义了泛型T，仅给它加了一个宽松约束：new (v: string) => T——意思是T是一个可以用string参数构造的类，但TypeScript并不知道这个类具体包含哪些属性。

虽然调用CreateMyClass(MyClass)时，T会被推断为MyClass类型，但在函数内部的静态检查阶段，TypeScript只知道T符合“可被string构造”的条件，无法确定所有T类型的实例都有text属性。比如如果传入另一个继承自Base但没有text的类：

class AnotherClass extends Base {
  constructor(v: string) {
    super();
  }
}
CreateMyClass(AnotherClass);

此时访问myClass.text显然非法，所以TypeScript会在编译阶段提前报错，而非等到运行时才暴露问题。

解决方案 #

• 方案1：给泛型T添加明确类型约束
  让T继承包含text属性的类型，确保TypeScript知道所有T实例都具备该属性：

  interface HasText {
    text: string;
  }
  
  function CreateMyClass<T extends Base & HasText>(type: new (v: string) => T) {
    const myClass: T = new type('hello world');
    console.debug('CreateMyClass: myClass.text:', myClass.text); // 不再报错
  }
  

• 方案2：直接指定泛型类型为MyClass
  如果函数仅用于创建MyClass实例，可直接固定泛型类型：

  function CreateMyClass(type: new (v: string) => MyClass) {
    const myClass = new type('hello world');
    console.debug('CreateMyClass: myClass.text:', myClass.text);
  }
  

• 方案3：使用类型断言临时绕过检查
  若确定传入的类一定有text属性，可通过类型断言告知TypeScript：

  console.debug('CreateMyClass: myClass.text:', (myClass as MyClass).text);
  

  注意：这种方式会跳过静态检查，不推荐在类型不确定的场景使用。

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