如何在已初始化对象上无需显式定义类型即可条件添加属性？

先看你遇到的场景：

const person = {
  name: 'George',
  age: 30,
  hobbies: ['art', 'gaming'],
};

if (1 + 1 === 2) {
  person.position = 'Sales Clerk'; // 报错：类型“{ name: string; age: number; hobbies: string[]; }”上不存在属性“position”
}

TypeScript会根据对象字面量自动推断person的类型为不含position的结构，所以后续添加属性会触发类型错误。你尝试的as this { position?: string; }写法不可行——this在当前上下文没有指向，TypeScript会直接报错。

下面是几种不用显式定义独立类型的可行方案：

1. 交叉类型 + typeof 断言 #

利用typeof person获取TypeScript自动推断的原始类型，再和包含可选属性的类型做交叉，无需手动重复写所有已有属性：

const person = {
  name: 'George',
  age: 30,
  hobbies: ['art', 'gaming'],
} as { position?: string } & typeof person;

// 现在可以正常赋值
if (1 + 1 === 2) {
  person.position = 'Sales Clerk';
}

2. 声明时添加undefined占位符 #

在对象字面量里直接添加position: undefined，让TypeScript自动推断该属性为string | undefined类型，后续就能正常赋值：

const person = {
  name: 'George',
  age: 30,
  hobbies: ['art', 'gaming'],
  position: undefined,
};

if (1 + 1 === 2) {
  person.position = 'Sales Clerk';
}

这种方式的缺点是对象会实际包含position属性（值为undefined），如果不希望对象初始有这个属性，不推荐使用。

3. 直接断言为复合类型（不推荐） #

虽然不用单独定义type，但本质还是手动写出完整类型结构，和显式定义类型差异不大，仅适用于属性较少的场景：

const person = {
  name: 'George',
  age: 30,
  hobbies: ['art', 'gaming'],
} as { name: string; age: number; hobbies: string[]; position?: string };

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