TypeScript中如何在interface内定义受enum约束的可选属性？

方法1：直接继承组合工具类型（最推荐） #

你可以直接让Fruit接口同时继承Food和经过Partial处理的Record类型，TypeScript原生支持interface继承多个构造出的类型：

enum Taste {
  ACIDIC = 'acidic',
  SWEET = 'sweet',
  BITTER = 'bitter'
}

// 假设你的Food接口原有定义如下
interface Food {
  // 这里放Food原有的属性，比如热量、保质期等
  calories: number;
}

interface Fruit extends Food, Partial<Record<Taste, boolean>> {
  color: string;
}

效果验证 #

// 合法示例：全量实现口味属性
const orange: Fruit = {
  calories: 47,
  color: 'orange',
  sweet: true,
  acidic: true,
  bitter: false
}

// 合法示例：仅实现部分口味属性
const lemon: Fruit = {
  calories: 37,
  color: 'yellow',
  acidic: true
}

// 非法示例：使用了未在Taste枚举中定义的口味属性
const testFruit: Fruit = {
  calories: 50,
  color: 'red',
  sour: true // 此处TS会报错：对象文字只能指定已知属性，“sour”不存在于类型“Fruit”中
}

原理解释 #

• Record<Taste, boolean>会生成一个以所有Taste枚举值为键、值为boolean类型的固定结构，属性默认全部必填
• 外层包裹Partial工具类型后，所有口味属性会变为可选，满足“不要求全部实现”的需求
• interface支持同时继承多个父类型，因此可以直接和原有Food接口并列继承，无需将Fruit改为type别名

内容的提问来源于stack exchange，提问作者Q. Q. McAcka