Typescript 通用 Class 构造函数参数与 static 方法

Question

So the basic problem I have is this.

I have a base class from which all other classes are derived. It has a static method. Something like this:

class BaseClass {
  static blah() : string {
    return 'base';
  }
}

class OtherClass extends BaseClass {
  static blah() : string {
    return 'other';
  }
}

class DoesntExtend extends SomeOtherClass {

}

Then I have a function which I want to pass in the Class Constructor and call the static method, but I'm having trouble with the method signature.

I want to use it something like this:

console.log(funcCaller(BaseClass)) -> outputs 'base'
console.log(funcCaller(OtherClass)) -> outputs 'other'
console.log(funcCaller(DoesntExtend)) -> won't compile, since DoesntExtend won't have the static method

So I thought to do something like:

type Constructor<T extends BaseClass > = new(...args: any[]) => T;

function funcCaller<T extends BaseClass>(c : Constructor<T>) : string {
  return c.blah();
}

but tsc complains that

Property 'blah' does not exist on type 'Constructor'

any ideas?

Answer 1

The funcCaller function needs to accept typeof the class to access the static properties. This is because static properties exist on the type while the signature you have used accepts an instance of that type. As the docs says , "To refer to the type that the value f has, we use typeof ".

TS Playground

class BaseClass {
  static blah() : string {
    return 'base';
  }
}

class OtherClass extends BaseClass {
  static blah() : string {
    return 'other';
  }
}

class DoesntOverride extends BaseClass{

}

class SomeOtherClass {
}

class DoesntExtend extends SomeOtherClass {

}

function funcCaller(c : typeof BaseClass) : string {
    return c.blah();
}

// base
console.log(funcCaller(BaseClass));

// other
console.log(funcCaller(OtherClass));

// base
console.log(funcCaller(DoesntOverride));

// Shows error
console.log(funcCaller(DoesntExtend));