TypeScript中使用非常量变量索引对象字段报错的原因及解决方法

为什么前两个语句正常，后两个报错？ #

核心是TypeScript的类型推断规则：

• const index1 = "name"：用const声明的字符串字面量，TypeScript会将其推断为字面量类型 "name"，这个类型属于MyType已知键的子集，因此可以安全用于索引。
• holder.field被显式声明为string类型（holder: { field: string; }），这是一个宽泛的字符串类型，TypeScript无法确认它是否属于MyType的合法键集合，而MyType又没有定义接受任意string的索引签名，所以触发TS7053错误。index2继承了holder.field的string类型，自然也会报错。

你尝试的as const无效，是因为它仅能作用于字面量本身，但holder的类型已被显式指定为{ field: string; }，覆盖了字面量的自动推断。

如何通过变量安全获取对象字段？ #

根据你的场景，推荐以下几种方案：

1. 限制变量类型为目标对象的键集合 #

将holder的field类型改为keyof MyType（即MyType所有键的联合类型），让TypeScript确保字段是合法的：

const holder: { field: keyof MyType; } = { field: "name" };
const index2 = holder.field;

console.log(target[holder.field]); // 正常执行
console.log(target[index2]); // 正常执行

如果是SortInfo接口，同样修改field的类型：

export interface SortInfo {
  field: keyof MyType;
  direction: number;
}

2. 临时类型断言（仅临时场景使用，不推荐） #

如果你能100%确认当前字段存在于MyType中，可以用类型断言强制告知TypeScript这是合法键：

console.log(target[holder.field as keyof MyType]);
console.log(target[index2 as keyof MyType]);

注意：这种方式会跳过TypeScript的类型检查，一旦字段名写错或MyType结构变更，会引发运行时错误。

3. 给MyType添加索引签名（除非必要，不推荐） #

如果业务场景需要用任意字符串索引MyType，可以添加索引签名，但会丢失精确的类型校验：

export interface MyType {
  id: string;
  name: string;
  type: number;
  // 索引签名：允许任意string键，值为string或number类型
  [key: string]: string | number;
}

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