如何基于对象值创建可自动更新的TypeScript对象类型？

你遇到的核心问题是直接在类型定义里使用运行时对象的属性值——TypeScript没办法直接识别这种运行时的值作为类型的键。要实现常量值变化时类型自动更新，我们需要利用TypeScript的字面量类型和映射类型来完成，具体步骤如下：

第一步：将常量对象转为字面量类型 #

首先，你需要用as const断言把constants转为只读的字面量类型，这样TypeScript会精确捕获它的属性值，而不是宽泛的string类型：

const constants = { filter: 'flr', color: 'col' } as const;

第二步：定义动态映射的MetaData类型 #

接下来，我们通过typeof获取constants的类型，再用映射类型把它的属性值作为MetaData的键。这里提供两种写法，按需选择：

写法1：精准绑定单个常量值的类型 #

如果常量数量不多，可以直接为每个常量值指定对应类型：

type MetaData = {
  [K in typeof constants['filter']]: number;
  [K in typeof constants['color']]: string;
};

写法2：更灵活的批量映射 #

如果后续要添加更多常量，可以先定义一个“常量值-类型”的映射表，再动态生成MetaData：

// 先定义每个常量值对应的类型
type ValueTypeMap = {
  flr: number;
  col: string;
};

// 动态生成MetaData，确保只包含constants里的键
type MetaData = {
  [K in typeof constants[keyof typeof constants]]: ValueTypeMap[K];
};

第三步：验证使用场景 #

现在你可以正常使用MetaData，而且当constants里的属性值变化时，TypeScript会自动更新MetaData的类型：

// 模拟getMeta函数，返回MetaData类型
const getMeta = (): MetaData => {
  return { flr: 123, col: 'red' };
};

const meta: MetaData = getMeta();
// 自动推断为number类型，类型安全
const filterValue: number = meta[constants.filter];
// 自动推断为string类型
const colorValue: string = meta[constants.color];

为什么之前的写法不行？ #

你之前尝试的[constants.filter]: number这类写法，本质是把运行时的变量直接用在了类型定义里——TypeScript的类型系统只能识别编译时的类型信息，不能直接引用运行时的值。而通过as const和typeof，我们把运行时的常量转为了编译时的字面量类型，这样就能被TypeScript的类型系统识别和使用了。

内容的提问来源于stack exchange，提问作者phw