TypeScript——联合类型、交叉类型

最新推荐文章于 2025-05-08 12:34:11 发布

泊一

最新推荐文章于 2025-05-08 12:34:11 发布

阅读量575

点赞数

CC 4.0 BY-SA版权

分类专栏： TypeScript 文章标签： typescript

本文链接：https://blog.youkuaiyun.com/w_D_lufei/article/details/131340982

TypeScript 专栏收录该内容

8 篇文章

订阅专栏

文章介绍了TypeScript中的两种重要概念：联合类型和交叉类型。联合类型允许一个值可以是多个类型之一，例如`number|string|boolean`。而交叉类型则将多个类型组合成一个新类型，包含所有类型的成员。文中通过示例展示了如何定义和使用这两种类型，并提供了相关的接口和函数用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

联合类型

联合类型表示一个值可以是几种类型之一。我们用竖线（ | ）分隔每个类型，所以 number | string | boolean表示一个值可以是 number， string，或 boolean。

let gender:number | string = 'M' 

let fn = function(type:number | boolean):boolean {
	return !!type
}

如果一个值是联合类型，我们只能访问此联合类型的所有类型里共有的成员

interface Bird {
    fly();
    layEggs();
}

interface Fish {
    swim();
    layEggs();
}

function getSmallPet(): Fish | Bird {
    // ...
}

let pet = getSmallPet();
pet.layEggs(); // okay
pet.swim();    // errors

交叉类型

交叉类型是将多个类型合并为一个类型。这让我们可以把现有的多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性。例如， Person & Serializable & Loggable同时是 Person 和 Serializable 和 Loggable。就是说这个类型的对象同时拥有了这三种类型的成员。

interface User {
  name: string
  age: number
}
interface Info {
  height: number
  weight: number
}

let fn = (man: User & Info): void => {
  console.log(man)
}

fn({ name: 'zs', age: 18, height: 180, weight: 150 })