TypeScript问题：内联值与变量值的调用表现差异

interface User {
    username: string;
}

function save(user: Partial<User>) {

}

const myUser = {
    username: 'John',
    foo: 'bar',
} as const;
// 无报错
this.save(myUser);

// 错误：类型“{ username: string; foo: string; }”的参数不能赋值给类型“Partial<User>”的参数。
// 对象字面量只能指定已知属性，而“foo”不在类型“Partial<User>”中
this.save({
    username: 'John',
    foo: 'bar',
});

原因：TypeScript的多余属性检查机制在起作用 #

• 直接传对象字面量作为函数参数时，TypeScript会启动额外的严格校验：不允许传入目标类型（这里是Partial<User>）中未定义的属性（比如foo），本质是帮你避免拼写错误或意外传入无用属性。
• 把对象先赋值给变量（比如myUser）再传参时，多余属性检查会被跳过。因为TypeScript会先推断变量的完整类型（myUser的类型是{ readonly username: "John"; readonly foo: "bar"; }），而这个类型和Partial<User>是兼容的——TypeScript的结构类型系统只关心「目标类型需要的属性是否都存在」，多余属性不影响兼容性判断。

让内联对象通过检查的两种方法 #

• 给内联对象加类型断言：this.save({ username: 'John', foo: 'bar' } as const) 或者 this.save({ username: 'John', foo: 'bar' } as Partial<User>)
• 先将内联对象赋值给变量，再把变量传入函数（就是你代码里用myUser的方式）

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