TypeScript：子类调用父类静态方法后无法识别子类公共方法

问题核心在于：父类的静态方法fromGregory默认返回类型为Base，即使子类调用该方法，TypeScript也会将实例推断为父类类型，导致无法访问子类特有的方法（比如getAge）。

最优解决方案：利用多态this类型约束静态方法 #

修改父类的静态方法，通过this类型指定构造函数的类型，让TypeScript根据调用方自动推断返回的实例类型：

class Base {
  constructor(private input: number) {
    // ...
  }

  getInput() {
    // ...
  }

  /**
   * 创建新实例
   */
  public static fromGregory<T extends Base>(this: new (input: number) => T, i: number): T {
    //...
    return new this(i);
  }
}

class Child1 extends Base {
  public getAge() {
    // ...
  }
}

const test = Child1.fromGregory(1);
test.getInput();  // 类型正确
test.getAge();   // 现在类型正确，无报错

这里通过泛型T约束this为子类的构造函数，返回值类型设为T，这样无论哪个子类调用fromGregory，返回的实例都会被推断为对应子类的类型。

替代方案：子类重写静态方法（不推荐） #

如果不想修改父类，可以在子类中重写静态方法，明确指定返回类型：

class Child1 extends Base {
  public getAge() {
    // ...
  }

  public static fromGregory(i: number): Child1 {
    return super.fromGregory(i) as Child1;
  }
}

这种方式需要每个子类都重写方法，维护成本较高，仅适合临时场景。

内容的提问来源于stack exchange，提问作者Văn Cao Trần