为什么TypeScript中用enum作为属性键时interface定义类型不生效？

你写的[key in Foo]属于TypeScript的映射类型语法，作用是遍历一个联合类型的所有成员，将每一个成员作为对象的键生成新的类型，该语法从设计之初就仅允许在type别名的类型定义中使用，interface原生不支持该写法。

两者的语法设计差异 #

• interface仅支持固定类型的索引签名，也就是[key: 类型]: 值类型的写法，这里的类型只能是string/number/symbol/unique symbol这几类宽泛的通用类型，不支持遍历枚举、联合类型生成多键的能力。你尝试在interface里写[key in Foo]的时候，编译器会把它识别为普通的计算属性声明，自然会抛出类型不匹配、找不到key变量的报错。
• type别名的定位是类型转换和类型编程工具，除了基础的给类型起别名的能力之外，原生支持映射类型、条件类型等动态生成类型的语法，天然适合这种基于已有枚举/联合类型批量生成对象键的场景。

interface的设计限制来源 #

TypeScript设计interface的时候，就把它定位为可扩展的结构化契约：支持声明合并、被class实现、被其他interface继承，要求结构是静态可预测的，避免动态生成的键导致后续合并、实现的时候出现不可预期的冲突。而映射类型属于动态生成类型的能力，和interface的设计定位不匹配，所以官方没有在interface里实现该特性。

替代方案 #

如果你确实需要用到interface的特性（比如声明合并），可以先通过type生成映射类型，再让interface继承该type即可：

enum Foo {
    X, Y
}

type FooMapType = {
    [key in Foo]: string
}

interface FooMapInterface extends FooMapType {}

let map: FooMapInterface = {
    [Foo.X]: "abc",
    [Foo.Y]: "def"
}

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