TypeScript中扩展接口内对象属性时如何保留原有字段

嘿，这个坑我之前踩过！你直接重新声明interface A来修改嵌套的anObject字段时，TypeScript只会合并顶层的接口成员，但嵌套的对象类型会被完全覆盖，而不是把新字段加进去——这就是为什么原来的data字段消失了。

给你两种靠谱的解决方法：

方法一：把嵌套对象抽成独立接口（推荐） #

这种方式最清晰，也完全符合TypeScript的接口合并规则：

1. 先把anObject的类型单独定义成一个接口：

// 拆分原始定义
interface AnObject {
  data: string;
}

interface A {
  anObject: AnObject;
  someOtherData: boolean;
}

2. 然后直接扩展这个独立的AnObject接口，TypeScript会自动合并它的字段：

interface AnObject {
  data2: string;
}

现在A['anObject']就同时包含data和data2了，完全符合你的需求。

方法二：用交叉类型直接扩展嵌套字段 #

如果不想额外定义接口，也可以用类型查询+交叉类型的方式，直接在A的重新声明里合并字段：

// 原始接口
interface A {
  anObject: { data: string; };
  someOtherData: boolean;
}

// 扩展嵌套字段
interface A {
  anObject: A['anObject'] & { data2: string };
}

这里A['anObject']会获取到原来的{ data: string }类型，再通过&交叉{ data2: string }，就能把两个对象的字段合并在一起，不会丢失原有内容。

这两种方法都能解决你遇到的问题，个人更推荐第一种，代码结构更清晰，后期维护也方便～

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