如何使用TypeScript声明属性为string类型的对象？

Question

...
config: ButtonConfig[];
...
this.config.push(new ButtonConfig(...));
...

今天，我意识到让数组像字典一样运行更有意义，这样我就可以通过名称而不是数字索引访问特定元素。我希望能够执行config.submitButton而不是config[3]（即使我声明了一个将submitButton映射到请求的索引的枚举）。

...
config = { };
...
this.config.submitButton = new ButtonConfig(...);
...

这是可行的，但我现在允许一堆any欺骗我的代码库，这是很糟糕的。我希望对象知道，只有buttonconfig类型的东西才能放入其中。

我可以用这些字段声明一个类，因为我希望它们的数量在将来可以动态添加，所以下面的操作是不可行的。

export class ButtonConfigs {
  submitConfig: ButtonConfig, ...
}

Answer 1

最简单的答案是这样的：

export type ButtonConfigs = {
  [key: string]: ButtonConfig;
}

如果你想要一个高水平的动态，这工作非常好。

如果您希望稍微锁定它，可以定义一个包含您希望允许的可能键的枚举：

export enum ButtonConfigKeys {
  'submitConfig',
  'someOtherKey',
  '...'
}

export type ButtonConfigs = {
  [key: ButtonConfigKeys]: ButtonConfig;
}