从构造函数访问静态成员

Question

我在从类构造函数实例访问静态成员时遇到问题。代码有效，但类型信息错误。

var ctor: { new (...args: any[]): Foo } = undefined as any;

function decorator() {
    return function <T extends { new (...args: any[]): Foo }>(constructor: T) {
        ctor = constructor;
        return constructor;
    }
}

@decorator()
class Foo {
    static Func = () => console.log("Hi");
}

Foo.Func();
ctor.Func();
Foo.prototype.constructor.Func();

在上面的例子中调用Foo.Func 是可以的。第二个电话告诉我没有Func 成员。第三个选项应该和第二个基本相同，但是由于prototye has 是any 类型，所以类型信息丢失了。

有没有办法正确输入ctor，以便在上面看到静态成员？

Answer 1

您可以使用tyepof Foo 来获取类的实际类型（而不是实例）。这将包含任何静态方法：

var ctor: typeof Foo = undefined as any;

function decorator() {
    return function <T extends typeof Foo>(constructor: T) {
        ctor = constructor;
        return constructor;
    }
}

@decorator()
class Foo {
    static Func = () => console.log("Hi");
}

Foo.Func();
ctor.Func();

不将您绑定到特定类的更通用方法是将方法添加到构造函数签名中：

interface DecoratableClass {
    new (...a: any[]) : any // replace any with an interface as needed
    Func: ()=> void
}
var ctor: DecoratableClass= undefined as any;

function decorator() {
    return function <T extends DecoratableClass>(constructor: T) {
        ctor = constructor;
        return constructor;
    }
}

@decorator()
class Foo {
    static Func = () => console.log("Hi");
}

@decorator() // error no Func
class BadFoo {
    static NoFunc = () => console.log("Hi");
}

Foo.Func();
ctor.Func();