TS中type和interface的区别

在TypeScript中，type和interface都是强大的工具，用于定义和描述对象的结构。尽管它们在某些方面具有相似性，但它们之间存在一些关键差异。理解这些差异有助于更好地利用TypeScript的特性，提高代码的可读性和可维护性。
一、定义类型范围
interface只能定义对象类型，而type声明可以声明任何类型，包括基础类型、联合类型或交叉类型。
基本类型：
type person = string
联合类型：
interfaceDog {
name: string;
}
interfaceCat {
age: number;
}
type animal = Dog | Cat
元组类型：
interfaceDog {
name: string;
}
interfaceCat {
age: number;
}
type animal = [Dog, Cat]
二、扩展性
接口可以extends、implements，从而扩展多个接口或类。 类型没有扩展功能。 定义两个同名的type会出现异常。
接口的扩展性意味着我们可以创建一个接口，然后通过继承其他接口来扩展其功能。这使得代码更加模块化，易于维护和扩展。例如：
interfacePoint{
x: number;
y: number;
}
interfaceSize{
width: number;
height: number;
}
interfaceRect extends Point, Size {
}
type则不具备这样的扩展功能。一旦定义了一个type，就不能再添加新的属性或方法。如果需要扩展类型的功能，需要重新定义一个新的type，这可能会造成代码冗余和混乱。
三、重复声明和合并
接口可以重复声明，TypeScript会将它们合并。这意味着在同一个作用域内，可以多次声明同名的接口，而TypeScript编译器会将它们视为同一个接口。这种特性使得接口更加灵活，可以根据需要动态地调整接口的定义。例如：
interfaceMyWindow {
count: number;
}
interfaceMyWindow {
title: string;
}
constw: MyWindow = {title: ‘hello ts’, count: 100}
type则不具备重复声明的特性。一旦定义了一个type，就不能在同一作用域内再次使用相同的名称定义另一个type。如果需要扩展type的功能，需要重新定义一个新的type，这可能会造成代码冗余和混乱。
总结来说，TypeScript中的type和interface在定义类型范围和扩展性方面存在差异。type具有更广泛的类型定义能力，可以声明任何类型，包括基础类型、联合类型和交叉类型。而interface只能定义对象类型。在扩展性方面，接口具有更强的灵活性，可以通过继承来扩展多个接口或类，而type则不具备这样的扩展功能。此外，接口可以重复声明并被合并，而type则不能在同一作用域内重复定义。因此，在实际应用中，根据需求选择适当的工具来定义和描述对象结构是至关重要的。