Question

作为TypeScript的新手，在实例化子类类型的基类中实现静态工厂的最佳方法是什么。例如，考虑基础模型类中的findAll方法：

class BaseModel {
  static data: {}[];
  static findAll() {
    return this.data.map((x) => new this(x));
  }
  constructor(readonly attributes) {
  }
}

class Model extends BaseModel {
  static data = [{id: 1}, {id: 2}];
  constructor(attributes) {
    super(attributes);
  }
}

const a = Model.findAll();  // This is BaseModel[] not Model[]

这会返回BaseModel[]而不是Model[]。

Answer 1

要回答我自己的问题，这在TypeScript中是一个众所周知的问题。 Github问题Polymorphic this for static methods进行了长时间的讨论。解决方案为follows：

export type StaticThis<T> = { new (): T };

export class Base {
    static create<T extends Base>(this: StaticThis<T>) {
        const that = new this();
        return that;
    }
    baseMethod() { }
}

export class Derived extends Base {
    derivedMethod() { }
}

// works
Base.create().baseMethod();
Derived.create().baseMethod();
// works too
Derived.create().derivedMethod();
// does not work (normal)
Base.create().derivedMethod();

Answer 2

您需要将子类型构造函数传递给基类型上的静态函数。

这是因为基类不知道（也不应该）了解子类型的任何信息，以了解要使用哪个子构造函数。

这是它的外观示例 - 每个子类型定义自己的静态findAll()方法，该方法调用父类的标准行为，传递数据和构造函数以供父级使用：

class BaseModel {
    static data: {}[];

    static _findAll<T extends BaseModel>(data: any[], Type): T[] {
        return data.map((x) => new Type(x));
    }

    constructor(readonly attributes) {
    }
}

class Model extends BaseModel {
    static data = [{ id: 1 }, { id: 2 }];

    constructor(attributes) {
        super(attributes);
    }

    static findAll() {
        return BaseModel._findAll(this.data, this);
    }
}

const a = Model.findAll();

使用TypeScript从基类中的静态方法实例化子类

2 个答案: