打字稿全球字典

Question

我正在尝试用 Angular 编写一些飞镖游戏。而且我想让程序中的每个字段都分开，所以我写了这样的东西。

export interface DartboardFieldsData{
  name: string;
  value: number;
  shortcut: string;
  multiplier: number;
}

export class DartboardField implements DartboardFieldsData{
  constructor(
    public readonly name: string,
    public readonly value: number,
    public readonly shortcut: string,
    public readonly multiplier: number){}
}

const S1 = new DartboardField('SINGLE_1', 1, 'S1', 1)
const S2 = new DartboardField('DOUBLE_1', 2, 'D1', 2)
...
const BULL = new DartboardField('BULL', 50, 'B', 2)
const MISS = new DartboardField('MISS', 0, '0', M)
// all fields

现在我想将它们存储在一个全局只读字典中

const DARTBOARD_FIELDS: {[shortcut: string]: DartboardFieldsData} = {
  'S1': S1,
  'D1': S2,
   //... rest of fields
};

我可能想要另外一本关于单打、双打、三重和扇区的字典（按数字分隔），也许还有更多

readobly DARTBOARD_SINGLES: {[shortcut: string]: DartboardFieldsData} = {
  'S1': S1
  'S2': S2
   ...
  'S20': S20
};

我应该如何存储所有这些数据？我希望它从程序一开始就可用（至少是主程序）。

Answer 1

这里有一个可以帮助你的 stackblitz 演示：link 让我解释一下：
您可以创建一个服务，您将在其中放置有关您的飞镖场和单打的所有内容，我将服务称为 dart-board.service.ts，DARTBOARD_FIELDS 是私有的，因此无法触及。
之后，您可以将服务注入到要使用 dart 字段的组件中，对于我在 app.component.ts 中进行的演示：

constructor(private dartBoardService: DartBoardService) {}

现在您可以使用 getter 从服务中检索您想要的值：

this.dartBoardFields = this.dartBoardService.getDartBoardFields()