You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

能否使用变量获取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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.08 11:31:03