能否使用变量获取TypeScript接口中键的类型?
能否通过变量获取接口中指定键的类型?
直接使用普通变量无法实现,但可以通过以下方式在保证类型安全的前提下达到类似效果:
原因分析
你尝试的const str = "jobs"; type JobsType = DbSchema[str];会报错,因为str的类型默认是string(而非字面量类型"jobs"),TypeScript无法确定你要索引的是DbSchema中存在的键,因此不允许这种操作。
解决方法
1. 使用const断言收窄变量类型
通过as const让变量的类型固定为字面量类型,再用typeof获取该类型用于索引:
interface DbSchema { jobs: { jobId: number; jobName: string; } users: { userId: number; userName: string; } } const str = "jobs" as const; type JobsType = DbSchema[typeof str]; // 正确,JobsType对应DbSchema["jobs"]的类型
2. 先定义字面量类型别名
先声明键的字面量类型,再将变量指定为该类型,即可在类型层面使用:
type KeyType = "jobs"; const str: KeyType = "jobs"; type JobsType = DbSchema[KeyType]; // 或 DbSchema[typeof str] 均可
3. 泛型函数实现动态键的类型推断
如果需要在运行时动态传入键,同时保留类型检查,可以用泛型函数:
function getSchemaData<K extends keyof DbSchema>(key: K): DbSchema[K] { // 这里可以添加运行时逻辑,比如从数据库获取对应结构的数据 return {} as DbSchema[K]; } // 使用时自动推断类型 const jobsData = getSchemaData("jobs"); // jobsData的类型为DbSchema["jobs"]
内容的提问来源于stack exchange,提问作者Pieter
相关产品推荐
相关产品推荐

