typescript 中的交叉类型

背景

交叉类型是一种将多个类型合并为一个的新类型的方式。它允许你将不同对象的属性合并到一个对象中。

语法

交叉类型使用 & 符号来表示。例如，type A = Type1 & Type2;。

用途

  • 混合对象：将多个对象的属性合并到一个对象中。
  • 增强灵活性：使得函数可以接受多种不同类型的参数。

示例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
type Animal = {
  name: string;
}

type Bird = {
  fly: () => void;
}

type FlyingAnimal = Animal & Bird;

const eagle: FlyingAnimal = {
  name: "Eagle",
  fly: () => console.log("Flying"),
};

// 参数说明：
// - `name`: 动物的名称，字符串类型。
// - `fly`: 表示飞行能力的方法。

注意点

  • 属性冲突：如果两个类型有相同属性名但不同类型，交叉后会导致错误。
  • 可选属性：如果两个交叉的类型包含可选属性，结果中的该属性也是可选。

对比其他类型

特性 联合类型（Union） 交叉类型（Intersection）
定义 使用 ` ` 符号
行为 满足任意一个子类型即可 必须同时满足所有子类型
用途 类型选择或分支 属性组合和扩展

通过了解和应用交叉类型，你可以更好地设计复杂的数据结构和接口，提升代码灵活性与复用性。