Class 类构造函数和接口_Class_Typescript_Interface

Class 类构造函数和接口

class typescript interface

Class 类构造函数和接口,class,typescript,interface,Class,Typescript,Interface,如何正确地键入实现接口的类示例代码： interface IPlugin{ name:string; } class SomePlugin implements IPlugin{ name; constructor(){ this.name = 'Sam'; } } const arrayOfClass:IPlugin = [SomePlugin]; // Ther error : /* Type 'typeof SomePlugin[]' is not assig

如何正确地键入实现接口的类

示例代码：

interface IPlugin{
  name:string;
}

class SomePlugin implements IPlugin{
  name;
  constructor(){
    this.name = 'Sam';
  }
}

const arrayOfClass:IPlugin = [SomePlugin];
// Ther error :
/*
Type 'typeof SomePlugin[]' is not assignable to type 'IPlugin'.
  Property 'name' is missing in type 'typeof SomePlugin[]'.
*/

我应该怎么做呢？

创建一个接口，描述将实例化实现

IPlugin

的对象的对象。您可以通过使用新签名来执行此操作：

interface IPluginConstructor {
    new(...args: any[]): IPlugin;
}

现在键入

arrayOfClass

作为

IPluginConstructor

s的数组：

const arrayOfClass: IPluginConstructor[] = [SomePlugin];

注意类型中的

[]

。问题中没有这一点

旁注

如果仔细观察，

name

的类型是

SomePlugin

中的

any

。。。它被设置为

any

，因为该类型被隐式地键入为

any

，并且

string

可分配给

any

。这意味着编译以下代码：

const s = new SomePlugin();
const num: number = s.name; // this compiles... sad! :(

您应该显式地键入

class SomePlugin implements IPlugin {
  name: string;
  constructor() {
    this.name = 'Sam';
  }
}

class SomePlugin implements IPlugin {
  name = 'Sam';
}

…或含蓄地

class SomePlugin implements IPlugin {
  name: string;
  constructor() {
    this.name = 'Sam';
  }
}

class SomePlugin implements IPlugin {
  name = 'Sam';
}

我建议您启用

noImplicitAny

编译器标志，以帮助将来捕获此类错误。