如何使用父静态方法在 TypeScript 中创建子类？

Question

我有两个类：模型和用户。用户扩展模型。

export Model {
  id: number;
  static fromData<T>(data: any): T {
    return Object.assign(new Model(), data);
  }
}

export User extends Model {
  name: string;
  sayHi(): string {
    return 'Hi, ' + this.name;
  }
}

我想使用它的方式是这样的：

const currentUser = User.fromData(dataFromServer);
const message = currentUser.sayHi();

方法 hi() 不起作用，因为我创建了 Model 类的实例。

如何使用 TypeScript 泛型通过基类静态方法获取派生类的实例？

我正在计划一些具有共同点的不同实体。

我看到了this answer，但我不知道如何将参数传递给我的静态方法。

Answer 1

由于静态方法在类本身上，我们可以在静态方法中使用this 访问类构造函数，this 就是类本身。如果我们将 this 参数约束到静态方法，使其成为返回 T (this: new ()=> T) 的构造函数，我们将得到正确的返回值类型。 this 参数只是为了 typescript 编译器的好处，它实际上不会被发送到 JS 并且您不必显式传递它：

export class Model {
    id: number;
    static fromData<T>(this: new () => T, data: any): T {
        return Object.assign(new this(), data);
    }
}

export class User extends Model {
    name: string;
    sayHi(): string {
        return 'Hi, ' + this.name;
    }
}

const currentUser = User.fromData({ id: 10, name: ""});
const message = currentUser.sayHi();

游乐场link