如何用变量键初始化TypeScript对象？TS7053错误下的单语句实现

你遇到的TS7053错误，本质是空对象{}默认没有字符串索引签名，无法用动态字符串key赋值。要实现单语句初始化对象且使用变量作为属性名，核心是用计算属性名语法，结合TypeScript的类型推导或标注即可解决。

最简单语句实现 #

直接用计算属性名创建对象，TypeScript会自动推导返回类型为{ [x: string]: unknown }，无需额外断言：

function createObj(key: string, value: unknown) {
  return { [key]: value };
}

明确类型的写法 #

如果需要显式指定对象类型，也可以在单语句里完成，避免后续类型歧义：

function createObj(key: string, value: unknown) {
  const obj: Record<string, unknown> = { [key]: value };
  return obj;
}

更精确的泛型写法（可选） #

如果希望返回类型能保留具体的key类型（而非宽泛的string），可以用泛型约束：

function createObj<K extends string>(key: K, value: unknown) {
  return { [key]: value } as { [P in K]: unknown };
}
// 调用时类型会更精确：createObj("name", "Alice") 返回 { name: unknown }

为什么{ key: value }不行？ #

你尝试的{ key: value }写法中，key是对象的字面量属性名，TypeScript会把它解析为字符串"key"，而非你传入的变量key的值。只有用方括号包裹变量[key]，才会触发计算属性名逻辑，将变量的值作为属性名。

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