如何为无类型父类静态方法创建的子类实例保留方法类型？

1. 为父类补充类型声明（推荐） #

给无类型的父类添加TypeScript声明，让静态方法能正确推导子类实例类型。可以在项目中创建一个my-untyped-class.d.ts声明文件，或者直接在代码顶部添加声明：

declare class MyUntypedClass {
  someAttribute: string;
  someOtherAttribute: string;
  constructor(context: { stuff: any });
  // 用泛型约束this的类型，返回子类实例
  static createNewInstanceWithStuff<T extends typeof MyUntypedClass>(this: T): InstanceType<T>;
}

这样当调用MyTypedClass.createNewInstanceWithStuff()时，TypeScript会自动识别返回的是MyTypedClass实例，自定义方法的类型就能正常生效。

2. 在子类中重写静态方法 #

如果不想全局声明父类类型，可以在子类里重写静态方法，明确指定返回当前子类的实例：

class MyTypedClass extends MyUntypedClass {
  private myNewAttribute = ''

  constructor() {
    super({ stuff: {} })
    this.myNewAttribute = 'initial'
  }

  private myNewMethod(param: string, otherParam: number): string {
    return `${param}-${otherParam}`
  }

  // 重写静态方法，指定返回类型为当前子类
  static createNewInstanceWithStuff(): MyTypedClass {
    // 复用父类的实例化逻辑
    return super.createNewInstanceWithStuff() as MyTypedClass;
  }
}

这种方式不需要修改父类，只在子类中处理，实例化时就能直接得到正确的类型。

3. 临时使用类型断言 #

如果只是个别场景需要快速修复，可以直接对实例做类型断言：

const instance = MyTypedClass.createNewInstanceWithStuff() as MyTypedClass;
const value = instance.myNewMethod('some string', 123); // 类型正常识别

不过这种方式需要每次实例化都手动添加断言，适合临时调试或小范围场景。

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