TypeScript中的interface和type有什么区别

TypeScript中的interface和type有什么区别？

在TypeScript中，interface 和 type 是用于定义类型的两种主要方式，它们有一些相似之处，但也存在一些关键的区别。

相似之处：

1. 定义类型： 无论是interface还是type，都可以用来定义对象、函数、类等的类型。

2. 可扩展性： 你可以通过扩展已存在的interface或type来添加新的成员。

区别：

1、可声明的合并：

• interface支持声明合并。这意味着如果你定义了两个相同名称的interface，它们会被合并成一个。

• type也支持声明合并，但只有在定义对象类型时才会发生，而不是在定义交叉类型（&）或联合类型（|）时。

// interface 的声明合并
interface Car {
    brand: string;
}

interface Car {
    model: string;
}

// 合并后的结果
/*
interface Car {
    brand: string;
    model: string;
}
*/

// type 的声明合并（只在对象类型时发生）
type Person = {
    name: string;
};

type Person = {
    age: number;
};

// 合并后的结果
/*
type Person = {
    name: string;
    age: number;
}
*/

2、支持联合类型和交叉类型：

• type支持联合类型和交叉类型的定义，而interface主要用于对象类型的定义。

// 使用 type 定义联合类型
type ID = string | number;

// 使用 type 定义交叉类型
type Address = {
    city: string;
} & {
    country: string;
};

// interface 不能直接定义联合类型或交叉类型

3、兼容性检查：

• interface更严格，进行属性检查时要求实现对象具有接口中定义的所有属性。

• type则相对宽松，只要实现对象具有类型中的一部分属性即可。

// interface 的属性检查
interface Point {
    x: number;
    y: number;
}

// 错误，缺少 y 属性
const point: Point = { x: 0 };

// type 不进行属性检查
type Coordinates = {
    x: number;
    y: number;
};

// 正确，type 不会报错
const coords: Coordinates = { x: 0 };

总体而言，选择使用interface还是type通常取决于你的具体需求。如果你主要在定义对象类型时，并且需要声明合并、严格属性检查，那么使用interface可能更合适。如果你需要更灵活的类型定义，比如联合类型、交叉类型，或者在一些其他场景下，那么使用type可能更适合。