Typescript 合并接口

在TypeScript中，合并接口（Interface Merging）是一种强大的特性，它允许你扩展现有的接口，无论是通过声明合并还是在同一个声明块中直接扩展。这种特性在基于类的面向对象编程中非常有用，但TypeScript的接口合并也适用于函数、枚举等。

1. 在同一个声明中合并接口

你可以在同一接口声明中直接添加新的属性或方法。然而，这并不是通常所说的“合并接口”，因为它不涉及多个接口声明的合并。不过，了解这一点有助于理解接口扩展的基础。

interface Animal {name: string;eat(): void;
}// 这不是合并接口，但展示了如何扩展接口
interface Animal {sleep(): void;
}// 现在Animal接口包含 name, eat, 和 sleep

注意：在TypeScript中，如果接口名相同，则后声明的接口会覆盖前声明的同名属性或方法（如果有冲突的话），但这并不是合并接口的典型用法。

2. 声明合并接口

声明合并允许你将多个接口声明合并为一个单一的接口。这是通过为相同的接口名创建多个接口声明来实现的，每个声明都贡献了一些新的成员。

interface Box {height: number;width: number;
}interface Box {scale(n: number): Box;
}// 合并后的Box接口
let box: Box = {height: 5, width: 6, scale: (n) => box};

在这个例子中，Box接口首先被定义为包含height和width属性。然后，我们再次声明了Box接口，这次添加了scale方法。最终，Box接口将包含height、width和scale方法。

3. 合并全局接口

你还可以合并全局作用域中的接口，这在为现有的库或全局对象添加类型定义时特别有用。

interface Array<T> {myConcat(...items: T[][]): T[];
}Array.prototype.myConcat = function<T>(this: T[], ...items: T[][]): T[] {return [...this, ...items.flat()];
};const myArray = [1, 2, 3];
console.log(myArray.myConcat([4, 5], [6])); // 输出: [1, 2, 3, 4, 5, 6]