TypeScript中如何修复工厂函数的索引类型错误？

下面提供几种可行的修复方案，根据实际需求选择：

方案1：添加数字索引签名 #

给views对象定义明确的数字索引签名，告诉TypeScript该对象允许用number类型的键来索引：

function factoryTableView(category: number) {
    const views: { [key: number]: ImportExportTable } = {
      1: new ImportExportTable()
    };

    return views[category];
}

这样TypeScript会认可number类型的category作为索引，同时确保所有索引对应的值都是ImportExportTable类型。

方案2：限制参数为合法字面量类型 #

如果category的取值范围固定（比如只有1），直接把参数类型改成合法的字面量值，避免传入无效索引：

function factoryTableView(category: 1) {
    const views = {
      1: new ImportExportTable()
    };

    return views[category];
}

后续如果要新增分类（比如2、3），可以扩展成联合类型1 | 2 | 3，既保证类型安全，又能明确允许的取值范围。

方案3：使用类型断言 #

通过类型断言强制将category转换为views对象的合法键类型：

function factoryTableView(category: number) {
    const views = {
      1: new ImportExportTable()
    };

    return views[category as keyof typeof views];
}

注意：这种方法会跳过TypeScript的类型检查，如果传入不在views中的数字，运行时会返回undefined，需要自行处理这种边界情况。

方案4：用Map替代普通对象 #

Map原生支持number类型的键，TypeScript能自动推断类型，同时返回值会明确标记为ImportExportTable | undefined，更安全：

function factoryTableView(category: number) {
    const views = new Map<number, ImportExportTable>([
      [1, new ImportExportTable()]
    ]);

    return views.get(category);
}

内容的提问来源于stack exchange，提问作者Aramaz