如何定义对象字面量的一部分属性的类型？答案

【问题标题】：how to define the types of a part of the properties of an object literal?如何定义对象字面量的一部分属性的类型？
【发布时间】：2020-09-06 14:43:37
【问题描述】：

这里我有以下代码

const selectOptions = {
  mode: isTag ? 'tags' : 'combobox',
  ... //other stuff
}

return (<Select {...selectOptions}>...</Select>);

mode 被 TypeScript 推断为字符串，但 Select 只接受 type ModeOption = "default" | "multiple" | "tags" | "combobox"，因此出现错误。

我目前的方法是mode: (isTag ? 'tags' : 'combobox') as ModeOption。但是我想避免使用 as，有没有更好的方法？如何定义一个对象字面量只有几个属性的类型？

【问题讨论】：

【解决方案1】：

对于想要避免自动类型扩展的一般情况，可以使用as const：

const selectOptions = {
  mode: (isTag ? 'tags' as const : 'combobox' as const),
}

与 as 的其他用法不同，它表明您正在根据编译器无法获得的额外信息断言类型，as const 不是潜在的类型不安全 - 它所做的只是告诉 TS 不要加宽类型，所以不要害怕使用它。

【讨论】：