如何解决TypeScript计算属性名模式下的属性缺失错误？

核心问题是TypeScript检测到你的对象仅包含item1和item2，无法匹配items类型中的item3作为索引，以下是几种无需定义所有属性的解决方案：

方法1：类型断言对象为兼容类型 #

将对象断言为包含所有items键、值为string | undefined的类型，让TS明确用item3索引会返回undefined，再配合默认值逻辑即可消除报错：

type items = 'item1' | 'item2' | 'item3'

const myItem = 'item1' as items

const computed: string = ({ item1: 'value1', item2: 'value2' } as Record<items, string | undefined>)[myItem] ?? 'default'

方法2：封装工具函数复用逻辑 #

如果这类场景频繁出现，封装工具函数能让代码更清晰，同时自动推导类型：

type items = 'item1' | 'item2' | 'item3'

const getValue = <K extends string>(obj: Partial<Record<K, string>>, key: K, defaultValue: string): string => {
  return obj[key] ?? defaultValue
}

const myItem = 'item1' as items
const computed: string = getValue({ item1: 'value1', item2: 'value2' }, myItem, 'default')

方法3：添加索引签名放宽对象类型 #

直接给对象添加字符串索引签名，允许用任意字符串作为键，同样能解决索引不匹配的问题：

type items = 'item1' | 'item2' | 'item3'

const myItem = 'item1' as items

const computed: string = ({ 
  item1: 'value1', 
  item2: 'value2',
  [key: string]: string | undefined
}[myItem]) ?? 'default'

上述方案都不需要定义item3属性，同时保留了默认值逻辑，且myItem被断言为items类型，天然排除了undefined作为索引的情况。

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