在泛型中使用类类型

时间:2021-07-12 13:50:34

标签: typescript typescript-generics

让我们看看这里的例子: https://www.typescriptlang.org/docs/handbook/2/generics.html#using-class-types-in-generics

我需要做的就是在实例化之前调用一个静态方法,所以让我们修改示例如下:

class BeeKeeper {
    hasMask: boolean = true;
}

class ZooKeeper {
    nametag: string = "Mikle";
}

class Animal {
    static beforeInit() {
        console.log('do something here');
    };

    numLegs: number = 4;
}

class Bee extends Animal {
    static beforeInstantiate() {
        console.log('do some bee stuff here');
    };
    keeper: BeeKeeper = new BeeKeeper();
}

class Lion extends Animal {
    static beforeInstantiate() {
        console.log('do some lion stuff here');
    };
    keeper: ZooKeeper = new ZooKeeper();
}

function createInstance<A extends Animal>(c: new () => A): A {
    c.beforeInstantiate(); // TS2339: Property 'beforeInit' does not exist on type 'new () => A'.
    return new c();
}

createInstance(Lion).keeper.nametag;
createInstance(Bee).keeper.hasMask;

我所做的只是在 static 类中添加一个 Animal 方法,并在实例化之前在 createInstance 函数中调用它,我收到以下错误:{{1} }

我应该如何修改 TS2339: Property 'beforeInit' does not exist on type 'new () => A'. 的类型以使 typescript 知道静态函数?

1 个答案:

答案 0 :(得分:0)

您可以像这样使 c 上的类型更具体:

c: (new () => A) & { beforeInstantiate: () => void }

或者像这样:

c: { new (): A, beforeInstantiate: () => void }

那些类型都说 c 必须是 A 的构造函数,并且 c 还必须具有静态 beforeInstantiate 属性。

Playground link

顺便说一下,您的示例在 Animal 中使用了 beforeInit,但在其他示例中使用了 beforeInstantiate。您可能希望使它们相同。