我可以定義一個帶有計算鍵的 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;