Typescript - 获取接口(interface)的所有实现

Question

我正在寻找一种方法来获取在 Typescript 中实现特定接口(interface)的所有类的列表。

例如，在 .Net 中，您可以使用反射来执行此操作，但我找不到有关在 Typescript 中执行相同操作的任何信息。

我想做的代码示例:

interface IControlPanel { }
class BasicControlPanel implements IControlPanel { }
class AdvancedControlPanel implements IControlPanel { }
window.onload = () =>
{
    var controlPanels = IControlPanel.GetImplementations();
    for (var x = 0; x < controlPanels.length; x++)
    {
        document.write(controlPanels[x] + ", "); //outputs: BasicControlPanel, AdvancedControlPanel,
    }
};

当然，如果这些类易于实例化，那就更好了。

Answer 1

正如我在评论中提到的，它是一个声明的 non-goal TypeScript(参见非目标 #5)发出依赖于类型系统的 JavaScript，因此在运行时不会有任何东西可以自动使用来做你想做的事。

当然，您可以使用 TypeScript 来帮助您维护一个类型注册表，这些类型几乎可以完全按照您的需要使用。我建议使用 class decorators ，像这样:

interface IControlPanel {
  // add some methods or something to distinguish from {}
  doAThing(): void;
}

// add a registry of the type you expect
namespace IControlPanel {
  type Constructor<T> = {
    new(...args: any[]): T;
    readonly prototype: T;
  }
  const implementations: Constructor<IControlPanel>[] = [];
  export function GetImplementations(): Constructor<IControlPanel>[] {
    return implementations;
  }
  export function register<T extends Constructor<IControlPanel>>(ctor: T) {
    implementations.push(ctor);
    return ctor;
  }
}

现在，不用声明类实现 IControlPanel，而是使用 @IControlPanel.register:

@IControlPanel.register
class BasicControlPanel {
  doAThing() { }
}

@IControlPanel.register
class AdvancedControlPanel {
  doAThing() { }
}

如果你尝试注册一个没有实现IControlPanel的类，你会得到一个错误:

// error, doAThing is missing from BadControlPanel
@IControlPanel.register
class BadControlPanel {
  doNothing() { }
}

现在您可以按照自己喜欢的方式使用注册表，主要是:

window.onload = () => {
  var controlPanels = IControlPanel.GetImplementations();
  for (var x = 0; x < controlPanels.length; x++) {
    document.write(controlPanels[x].name + ", ");
    const panel = new controlPanels[x]();
    panel.doAThing();
  }
};

我说“大部分”是因为我存储了构造函数，而不是字符串，因为您想要一种实例化它们的方法。您可以获得字符串构造函数的 name 属性。您可以实例化这些类，假设它们都采用相同的构造函数参数类型。

希望对您有所帮助；祝你好运!

Stackblitz example