Question

我正在寻找一种方法来获取在Typescript中实现某个接口的所有类的列表。

在.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;
  }
}

现在，您使用implements 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属性。并且您可以实例化类，假设它们都采用相同的构造函数参数类型。

希望有所帮助;祝你好运！

Typescript - 获取接口

1 个答案: