javascript - 我可以用计算键定义一个 Typescript 接口吗？

我想定义一个带有计算键的 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）来解决这些问题，但它们有点笨拙。让这样的东西工作最好的方法是什么？

答案＃1

你需要在键声明中使用 as const 来使字符串字面量类型不扩展：

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