TypeScript中如何要求子类实现静态方法及优化调用方式？

问题1：更优的子类静态方法调用方式 #

原代码Object.getPrototypeOf(this).constructor.staticMethod()存在类型不安全（constructor返回any）的问题，推荐以下两种更优方案：

方案1：类型断言+静态类型约束 #

在父类中直接对constructor做类型断言，明确它包含目标静态方法，避免any的同时保证类型安全：

class Superclass {
  protected getStaticData() {
    return (this.constructor as typeof Superclass & { staticMethod(): number }).staticMethod();
  }
}

class Subclass extends Superclass {
  static staticMethod() {
    return 123;
  }
}

const instance = new Subclass();
console.log(instance.getStaticData()); // 123，类型自动推断为number

方案2：泛型适配灵活返回类型 #

如果不同子类的staticMethod返回值类型不同，可通过泛型让父类方法自动适配：

class Superclass {
  protected getStaticData<R>(): R {
    return (this.constructor as typeof Superclass & { staticMethod(): R }).staticMethod();
  }
}

class Subclass extends Superclass {
  static staticMethod() {
    return { id: 1, name: "demo" };
  }
}

const instance = new Subclass();
const data = instance.getStaticData(); // 类型推断为{ id: number; name: string; }

问题2：编译时强制子类实现staticMethod #

针对TypeScript 4.9.5，推荐以下两种方案，避免每个子类重复添加约束：

方案1：接口+类型工具自动校验 #

先定义静态方法的接口，再通过类型工具约束子类构造函数的类型，配合父类的静态工厂方法实现自动校验：

// 定义必须实现的静态方法接口
interface RequiredStatic {
  staticMethod(): number;
}

// 类型工具：约束子类必须继承Superclass且实现RequiredStatic
type ValidSubclass = new (...args: any[]) => Superclass;

class Superclass {
  // 静态工厂方法，创建实例时自动校验子类是否符合要求
  static createInstance<T extends typeof Superclass & RequiredStatic>(ctor: T): InstanceType<T> {
    return new ctor();
  }
}

// 符合要求的子类
class ValidSubclass extends Superclass {
  static staticMethod() {
    return 456;
  }
}
const validInstance = Superclass.createInstance(ValidSubclass); // 编译正常

// 未实现staticMethod的子类会触发编译错误
class InvalidSubclass extends Superclass {}
// Superclass.createInstance(InvalidSubclass); // 报错：typeof InvalidSubclass不满足类型约束

方案2：封装工厂函数简化satisfies约束 #

TypeScript 4.9已支持satisfies语法，若之前无效可能是写法问题。可封装工厂函数避免手动重复添加约束：

interface RequiredStatic {
  staticMethod(): number;
}

// 封装工厂函数，自动约束子类的静态类型
function createValidSubclass<T extends typeof Superclass & RequiredStatic>(ctor: T) {
  return ctor;
}

// 使用工厂函数创建子类，无需手动写satisfies
const Subclass = createValidSubclass(class extends Superclass {
  static staticMethod() {
    return 789;
  }
});

内容的提问来源于stack exchange，提问作者Jean-Philippe Pellet