如何用常量作为键定义TypeScript接口？解决类型赋值报错

你的问题出在常量KEYS的类型注解丢失了字面量信息，导致TypeScript无法识别你用KEYS.KEY1、KEYS.KEY2指定的具体键名，进而引发类型不兼容的报错。

原代码的问题 #

你给KEYS标注了Record<string, string>类型，这会让TypeScript把KEYS的所有属性值都当成宽泛的string类型，而不是具体的'hello'、'world'字面量。此时接口Test里的[KEYS.KEY1]会被解析成字符串索引签名，但两个键的类型（string和number）不一致，导致Test的类型和testData的推断类型不匹配，最终报错。

解决方法：保留常量的字面量类型 #

要让TypeScript识别常量的具体键值，需要去掉Record<string, string>注解，改用as const断言来锁定字面量类型：

// 用as const保留属性值的字面量类型
const KEYS = {
  KEY1: 'hello',
  KEY2: 'world'
} as const;

// 此时KEYS.KEY1的类型是字面量'hello'，KEYS.KEY2是'world'
interface Test {
  [KEYS.KEY1]: string;
  [KEYS.KEY2]: number;
}

const testData: Test = {
  [KEYS.KEY1]: 'javascript',
  [KEYS.KEY2]: 42,
};
// 不再报错

进阶：用映射类型批量定义（适合键较多的场景） #

如果需要定义的键很多，可以用映射类型自动关联常量的键值和对应类型：

const KEYS = {
  KEY1: 'hello',
  KEY2: 'world',
  KEY3: 'foo'
} as const;

// 映射KEYS的所有属性值作为接口键，同时指定对应类型
type Test = {
  [K in typeof KEYS[keyof typeof KEYS]]: 
    K extends typeof KEYS.KEY1 ? string : 
    K extends typeof KEYS.KEY2 ? number : 
    boolean; // 其他键的类型
};

const testData: Test = {
  [KEYS.KEY1]: 'javascript',
  [KEYS.KEY2]: 42,
  [KEYS.KEY3]: true
};

结论：完全可以通过常量定义TypeScript接口的键名，核心是确保TypeScript能获取到常量属性值的字面量类型，避免用宽泛的类型注解丢失关键信息。

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