时间戳

首页 > 解决方案 > 我可以使用计算键定义 Typescript 接口吗？

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）解决这些问题，但它们有点笨拙。做这样的事情的最佳方法是什么？

标签： javascripttypescriptinterfacetsc

解决方案

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

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

推荐阅读