如何将新的`this`从静态方法传递给静态方法？

Question

如何将可更新的this 从静态方法传递给静态方法？

TypeScript Playground

abstract class Model {
  public static convert<T extends Model>(model: new () => T, data: any | any[]) { 
    return new model()
  }

  public static all<T extends Model>(): Promise<[]> {
    let items: any[] = []
    return Model.convert(this, items)
                      // ^--- Error is here
  }
}

生成的 JavaScript 工作正常，我得到了一个 A 的实例，但是 typescript 抱怨这个错误：

“typeof Model”类型的参数不能分配给“new () => Model”类型的参数。

class Model {
    static convert(model, data) { return new model() }
    static all() {
        let items = [];
        return Model.convert(this, items);
    }
}

class A extends Model { }

console.log(A.all(), A.all().constructor.name);

Answer 1

如果Model 不是abstract，这通常会起作用。如果Model 不是抽象的this（类型为typeof Model）将有new () => Model 构造函数，但由于它是抽象的，它没有可调用的构造函数。

简单的解决方法是在静态方法中为this添加注解：

abstract class Model {
  public static convert<T extends Model>(model: new () => T, data: any | any[]): T[] { return null!; }

  public static all<T extends Model>(this: new () => T): Promise<T[]> {
    let items: any[] = []
    return Promise.resolve(Model.convert(this, items));
  }
}

class A extends Model { }


console.log(Model.all()) // err since Model does not have a ctor
console.log(A.all(), A.all().constructor.name)

Play

这将使all 无法调用Model，这可能是您想要的。

编辑

由于在您的实际用例中您想从其他静态方法调用静态方法，我们需要为this 提供稍微复杂的注解。以前的版本只保留构造函数签名，没有任何静态成员。您需要注解中typeof Model 表示的静态成员。最简单的方法是在与我们之前定义的构造函数签名（(new () => T)）的交集处添加typeof Model，基本上是向抽象类添加构造函数。

type NonAbstracModel<T extends Model> = (new () => T) & typeof Model
abstract class Model {
  public static convert<T extends Model>(model: NonAbstracModel<T>, data: any | any[]): T { return new model() }

  public static all<T extends Model>(this: NonAbstracModel<T>): T {
    let items: any[] = []
    return Model.convert(this, items)
  }

  public static find<T extends Model>(this: NonAbstracModel<T>, primaryKey: string | object) { }

  public static firstOrFail<T extends Model>(this:NonAbstracModel<T>) {
    this.find('abc')
  }

}

class A extends Model {}

console.log(A.all(), A.all().constructor.name)