如何通过TypeScript父类静态方法创建子类实例？

你遇到的问题很典型——基类静态方法里固定创建基类实例，导致子类调用时无法获得自身的实例。下面是利用TypeScript泛型和静态方法this类型的完美解决方案：

你的原代码中，Model.fromData硬编码使用new Model()创建实例，不管是User还是其他子类调用这个方法，最终得到的都是Model实例，自然无法访问子类独有的sayHi()方法和name属性。

核心思路是让基类的静态方法感知到调用它的子类构造器，并创建子类的实例，而非固定的基类实例。结合TypeScript泛型可以同时保证类型安全：

修正后的基类与子类代码 #

export class Model {
  id: number;

  // 用泛型T约束子类，this注解指定调用者是子类构造器
  static fromData<T extends Model>(this: new () => T, data: any): T {
    // 创建调用者（子类）的实例
    const instance = new this();
    // 合并服务器返回的数据到实例
    Object.assign(instance, data);
    return instance;
  }
}

export class User extends Model {
  name: string;

  sayHi(): string {
    return 'Hi, ' + this.name;
  }
}

验证你期望的使用方式 #

现在你的代码可以正常工作，TypeScript也能正确推断类型：

// 模拟服务器返回的数据
const dataFromServer = { id: 1, name: "Alice" };
const currentUser = User.fromData(dataFromServer);
const message = currentUser.sayHi(); // 正确返回 "Hi, Alice"

• this: new () => T：这是TypeScript的构造函数类型注解，它告诉编译器：调用fromData的必须是一个能创建T类型实例的构造函数（也就是你的子类）。
• new this()：静态方法中的this指向调用它的子类构造器，所以这行代码会创建子类的实例，而非固定的Model实例。
• 泛型T extends Model：确保返回值的类型是子类类型，TypeScript能正确识别currentUser具有User的所有属性和方法，不会出现类型报错。

这个方案完全支持你创建多个继承自Model的实体类，比如定义一个Product类：

export class Product extends Model {
  productName: string;
  price: number;

  getPriceInfo(): string {
    return `${this.productName} 售价：${this.price}元`;
  }
}

// 使用方式和User完全一致
const productData = { id: 2, productName: "TypeScript入门指南", price: 59 };
const currentProduct = Product.fromData(productData);
console.log(currentProduct.getPriceInfo()); // 正常输出对应信息

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