返回介绍

TypeScript 类型别名

发布于 2020-06-05 15:08:24 字数 1453 浏览 1632 评论 0 收藏 0

本节介绍的类型别名,就是通过关键字 type 给类型起个别名,类型别名较多应用于联合类型、交叉类型这种复合类型。

1. 慕课解释

类型别名会给类型起个新名字。类型别名有时和接口很像,但是可以作用于原始值,联合类型,元组以及其它任何你需要手写的类型。

用关键字 type 定义类型别名。

2. 举例说明

类型别名不会新建一个类型,而是创建一个新名字来引用此类型

先看下面几个例子,

原始类型:

type brand = string
type used = true | false

const str: brand = 'imooc'
const state: used = true

联合类型:

type month = string | number

const currentMonth: month = 'February'
const nextMonth: month = 3

交叉类型:

interface Admin {
  id: number,
  administrator: string,
  timestamp: string
}

interface User {
  id: number,
  groups: number[],
  createLog: (id: number) => void,
  timestamp: number
}

type T = Admin & User

同接口一样,类型别名也可以是泛型:

type Tree<T, U> = {
  left: T,
  right: U
}

3. 接口 vs. 类型别名

类型别名看起来和接口非常类似,区别之处在于:

  • 接口可以实现 extends 和 implements,类型别名不行。
  • 类型别名并不会创建新类型,是对原有类型的引用,而接口会定义一个新类型。
  • 接口只能用于定义对象类型,而类型别名的声明方式除了对象之外还可以定义交叉、联合、原始类型等。

类型别名是最初 TypeScript 做类型约束的主要形式,后来引入接口之后,TypeScript 推荐我们尽可能的使用接口来规范我们的代码。

4. 小结

类型别名在定义交叉类型、联合类型时特别好用,要注意类型别名与接口的区别。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文