TypeScript使用扩展运算符时未检测不存在属性，如何启用规则规避？

问题原因 #

你遇到的情况核心在于类型断言（<Car>）会绕过TypeScript的额外属性检查：

• 当直接使用const redCar: Car = { ... }这种类型注解写法时，TS会对赋值的对象字面量执行「额外属性检查」，一旦发现不存在的属性就会报错；
• 但用<Car>{ ...redCar, pric: 20.000 }这类类型断言写法时，相当于你明确告诉TS“这个对象肯定符合Car类型”，TS会跳过额外属性的校验，自然不会检测到pric的拼写错误。

可行解决方案 #

1. 使用satisfies运算符（TypeScript 4.9及以上版本） #

这是最直观的处理方式，它能在保留对象原有类型的同时，校验对象是否符合目标类型，并且会严格检查额外属性：

interface Car {
    name: string,
    price: number
}

const redCar = { name: 'redCar', price: 25.000 } satisfies Car;
const changePrice = { ...redCar, pric: 20.000 } satisfies Car; // 此处会报错：属性"pric"不存在于类型"Car"中

在map这类无需单独创建变量的场景中，同样可以用satisfies校验回调返回的对象：

const carList = [redCar].map(car => {
  return { ...car, pric: 20.000 } satisfies Car; // 触发拼写错误报错
});

2. 给回调函数指定返回类型（针对map等场景） #

在数组map这类场景中，直接给回调函数指定返回类型，TS会自动对返回的对象字面量执行额外属性检查：

const carList = [redCar].map((car): Car => {
  return { ...car, pric: 20.000 }; // 此处报错：对象字面量只能指定已知属性，"pric"不在类型"Car"中
});

3. 启用strict编译模式 #

确保tsconfig.json中启用strict: true，它包含了一系列严格校验规则，能强化TS的类型检查能力，减少这类因类型断言绕过校验的问题。strict模式下的类型推断会更严格，能避免很多隐性的类型兼容漏洞。

注意 #

尽量避免用类型断言（<Car>或as Car）强制转换包含未知属性的对象，除非你明确确认属性的正确性。优先用类型注解、satisfies或指定返回类型的方式，让TS自动帮你校验属性拼写。

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