我可以定义一个带有计算键的 Typescript 接口吗？

Question

我想定义一个带有计算键的 Typescript 接口：

const NAMESPACE = 'com.pizza'

const KEY_SAUCE = `${NAMESPACE}/sauce`
const KEY_CRUST = `${NAMESPACE}/crust`

interface PizzaToken {
  radius:      number
  [KEY_SAUCE]: Sauce
  [KEY_CRUST]: Crust
}

const pizza: PizzaToken = PizzaFactory.getToken(...)
console.log(pizza[KEY_SAUCE])

这种设计模式给了我两个不相关的 Typescript 错误； 首先，在界面上：

TS1169: A computed property name in an interface must refer to an 
expression whose type is a literal type or a 'unique symbol' type.

第二个是pizza[KEY_SAUCE] ：

TS7053: Element implicitly has an 'any' type because expression of 
type 'any' can't be used to index type 'Pizza'.

我可以通过一些变通方法（例如Symbol ）解决这些问题，但它们有点笨拙。 制作这样的作品的最佳方法是什么？

Answer 1

您需要使用as const在键声明处创建非扩展字符串文字类型：

const KEY_SAUCE = `${NAMESPACE}/sauce` as const;
const KEY_CRUST = `${NAMESPACE}/crust` as const;