TypeScript如何将含string|number联合类型的变量赋值给纯number类型变量

首先明确：TypeScript 不存在可以跳过类型安全检查、直接完成你要求的赋值的专属关键字（除了你不想用的类型断言）。所有符合TS原生设计规范的方案，都需要满足类型安全要求，以下是两种原生实现思路：

报错原因 #

你遇到的报错本质是类型不兼容：Record<string, string | number>允许属性值为字符串，而Record<string, number>要求所有属性值都是数字，TS的静态类型校验认为存在类型不匹配的风险，因此阻止直接赋值。

方案1：使用自定义类型守卫（推荐，符合TS类型安全规范） #

自定义类型守卫是TS原生提供的类型缩小能力，既会做运行时校验，也会自动推导变量类型，不属于类型断言，完全满足你的要求：

const id: Record<string, string | number> = { name: 3 }
let num: Record<string, number>;

// 自定义类型守卫
function isAllNumberRecord(obj: Record<string, unknown>): obj is Record<string, number> {
  // 运行时校验所有属性值都是数字
  return Object.values(obj).every(val => typeof val === 'number')
}

if (isAllNumberRecord(id)) {
  num = id; // 此处TS自动识别id为Record<string, number>类型，无报错
}

方案2：单个属性类型缩小 #

如果你只需要赋值单个属性，不需要整个对象拷贝，可以直接对单个属性做类型判断：

const nameVal = id.name;
if (typeof nameVal === 'number') {
  num.name = nameVal; // 无类型报错
}

补充说明 #

如果你不需要运行时校验，确定所有属性值都是数字，那除了类型断言没有更简单的TS原生语法。TS的设计原则是优先保证类型安全，不会提供无校验的隐式类型转换语法。

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