TypeScript 覆盖接口属性

在 TypeScript 中，有时候我们需要对某些接口所定义的属性进行覆盖，以满足特定的需求。本文将介绍 TypeScript 中如何覆盖接口属性。

声明合并（Declaration Merging）

在 TypeScript 中，相同名字的声明会进行合并，这种特性称为声明合并。当两个接口含有相同名字的属性时，它们会被自动合并为一个接口。

例如，下面这两个接口 Person 和 PartialPerson 会被合并为一个新的接口 MergedPerson：

interface Person {
  name: string;
  age: number;
}

interface PartialPerson {
  age?: number;
}

type MergedPerson = Person & PartialPerson;
// MergedPerson = { name: string, age: number | undefined }

这里，PartialPerson 中的 age 属性会自动与 Person 中的 age 属性进行合并，并成为一个联合类型 number | undefined。

覆盖属性

有时候，我们需要对接口中的某个属性进行覆盖。这时，我们可以使用类型别名或者接口继承来实现。

使用类型别名

使用类型别名 Exclude，我们可以将 Person 接口中的 age 属性从联合类型中排除掉：

interface Person {
  name: string;
  age: number;
}

type MyPartial<T> = {
  [K in keyof T]?: T[K];
};

type OverriddenPerson = MyPartial<Person> & {
  age: Exclude<Person["age"], number>;
};
// OverriddenPerson = { name: string, age: undefined }

在这个例子中，我们定义了一个类型别名 MyPartial，它能够将接口中的所有属性变成可选属性。然后，我们通过联合类型将 MyPartial<Person> 与 { age: Exclude<Person["age"], number> } 合并起来，来覆盖原来的 age 属性。

这里的 Exclude 类型别名用于将 Person["age"] 中的 number 类型排除掉，然后将结果与 undefined 合并，从而实现覆盖 age 属性。

使用接口继承

除了使用类型别名外，我们还可以使用接口继承来实现属性覆盖。我们可以定义一个新的接口 PartialPerson，它继承自 Person 接口，但是将 age 属性改成可选属性。

interface Person {
  name: string;
  age: number;
}

interface PartialPerson extends Omit<Person, "age"> {
  age?: never;
}

type OverriddenPerson = PartialPerson & { age?: string };
// OverriddenPerson = { name: string, age?: string }

在这个例子中，我们使用 Omit 类型来排除 Person 接口中的 age 属性。然后，我们在 PartialPerson 接口中将 age 属性改为可选属性，再通过接口继承，将 PartialPerson 与 { age: string } 合并起来，来覆盖原来的 age 属性。

总结

通过声明合并和类型别名或接口继承，我们可以在 TypeScript 中轻松实现属性覆盖。需要注意的是，在进行属性覆盖时，我们要确保新属性的类型与原属性的类型相容。