typescript - 如果属性具有特定值，则将条件属性添加到 typescript 界面

Question

如果另一个属性具有特定值，我如何向接口(interface)添加其他属性？例如:

interface IBaseColumn {
  name: string
  display?: boolean
}

interface ISpecialColumn extends IBaseColumn {
  name: 'SpecialColumn'
  extraProp?: any
}

export type IColumn = IBaseColumn | ISpecialColumn

// ...
const columns: IColumn[] = [/* ... */]

const column = columns.find(c => c.name === 'SpecialColumn') // IColumn | undefined

我要 IBaseColumn如果名称为 SpecialColumn，则拥有其他属性.上面的例子有效，但是因为 columns是 IColumn[] 类型，我用 .find 查找的列也是如此.我发现的唯一解决方法是将列强制转换为 ISpecialColumn ，但理想情况下，类型会自动正确推断。

Answer 1

你需要一个类型保护:

const isSpecialClumn = (column: IColumn): column is ISpecialColumn =>
  column.name === 'SpecialColumn'

const column = columns.find(isSpecialClumn) // ISpecialColumn | undefined