如何使用 Type 参数限制 Typescript 中的对象字段

Question

我正在使用打字稿。我想创建一个这样的对象，

const statusMessageMap = {
  'ENABLE': 'This is enable',
  'DISABLE': 'This is disable',
}

而且我想限制这个对象的字段。我可以轻松做到这一点...

interface Status = {
  ENABLE: string;
  DISABLE: string;
}

const statusMessageMap: Status = {
  'ENABLE': 'This is enable',
  'DISABLE': 'This is disable',
}

但我之前已经定义了一个类型，我想保留它。

type OldStatus = 'ENABLED' | 'DISABLE'

但它不是这样工作的...

//this is not working
const statusMessageMap: OldStatus = {
  'ENABLE': 'This is enable',
  'DISABLE': 'This is disable',
}

我不想同时保留 Status 和 OldStatus 因为，如果我想添加新状态，它会让我在两个地方更新。

我想保留我的 OldStatus 类型，并想用它来限制对象的类型。我该怎么做？是否可以创建一个扩展 OldStatus 类型的新接口？

Answer 1

您的消息映射类型应该是 { [key in OldStatus]: string } 使用 OldStatus:

type OldStatus = 'ENABLE' | 'DISABLE'

const statusMessageMap: { [key in OldStatus]: string } = {
  'ENABLE': 'This is enable',
  'DISABLE': 'This is disable',
}

Playground

如何使用 Type 参数限制 Typescript 中的对象字段

How to restrict object fields in Typescript using Type parameter

javascript

typescript

typeguards