首页 > 解决方案 > 如何根据接口的键创建模板文字类型?

问题描述

我有这两个接口代表我的应用程序中的一些数据结构。

interface Foo {
  a: number,
  b: number,
  c: number,
}

interface Bar {
  g: number,
  h: number,
  j: number,
}

为了能够通过它们的字符串名称识别这些接口(即从文件解析或获取用户输入时),我有以下查找接口:

interface TypeMap {
  foo: Foo,
  bar: Bar,
}

这使我可以创建实用程序类型,例如:

type Lookup<K extends keyof TypeMap> = TypeMap[K];
type FooType = Lookup<'foo'>; // Foo
type FooPropNames = keyof Lookup<'foo'>; // 'a' | 'b' | 'c'

问题从这里开始。我想为类似 "foo_a" or "bar_j"的字符串创建一个类型- 由其中一种类型的小写名称及其道具名称之一组成。

type TypePropString<K extends keyof TypeMap> = `${K}_${keyof Lookup<K>}`;

不幸的是,这不起作用,因为接口可能有用symbols 索引的道具,而这些道具显然不能出现在模板字符串中。

有没有其他方法可以做到这一点?

标签: typescripttypescript-typingstypescript-generics

解决方案


您可以尝试从中排除使用4.3.5 Typescript 编译器为我工作symbolkeyof Lookup<k>

type TypePropString<K extends keyof TypeMap> = `${K}_${Exclude<keyof Lookup<K>, symbol>}`;

这使我能够枚举子类型

带有代码的图像

显然,您将无法在字符串类型中使用符号作为键,但我不确定这是否可以在模板文字类型中完成。


推荐阅读