时间戳

首页 > 解决方案 > 在泛型中使用类类型

typescript - 在泛型中使用类类型

问题描述

让我们在这里看看这个例子： 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，我得到了以下错误： TS2339: Property 'beforeInit' does not exist on type 'new () => A'.

我应该如何修改类型c以使打字稿了解静态函数？

标签： typescripttypescript-generics

解决方案

您可以像这样使类型c更具体：

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

或者像这样：

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

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

游乐场链接

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

推荐阅读