TypeScript为何禁止创建对象后添加属性？如何解决该问题？

下面是几种无需初始化时就定义所有属性，就能绕过TS类型校验的方法，适配你复用表单对象的场景：

1. 直接断言为any类型 #

这是最简单的方式，让TS完全放弃对该对象的类型检查：

// 初始化时声明为any
var object: any = { firstName: "billy" };
object.lastName = "bob"; // 无报错

// 或者仅在添加属性时断言
var object = { firstName: "billy" };
(object as any).lastName = "bob";

2. 定义带索引签名的宽松类型 #

如果你的表单属性基本都是同类型（比如字符串），可以用索引签名允许任意键：

type FormObject = {
  [key: string]: string; // 允许任意字符串键对应字符串值
  firstName?: string; // 可选，保留初始属性的类型提示
};

var object: FormObject = { firstName: "billy" };
object.lastName = "bob";
object.email = "billy@example.com"; // 后续添加其他属性也合法

3. 使用Object.assign合并属性 #

通过Object.assign来扩展对象，TS会自动推断合并后的完整类型：

var object = { firstName: "billy" };
// 合并后object的类型自动包含新属性
object = Object.assign(object, { lastName: "bob" });

4. 用Partial适配固定结构的表单 #

如果后续要添加的属性是固定的，可以先定义完整的表单类型，再用Partial允许初始只传部分属性：

// 定义完整的表单类型
type FullForm = {
  firstName: string;
  lastName: string;
  age?: number; // 可选属性
};

// 初始化时用Partial允许只传部分
var object: Partial<FullForm> = { firstName: "billy" };
object.lastName = "bob";
object.age = 25;

// 发送请求时，确保属性齐全后可断言为完整类型
fetch('/submit-form', {
  method: 'POST',
  body: JSON.stringify(object as FullForm)
});

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