Typescript - type 类型别名（通俗易懂教程）

介绍

起别名不会新建一个类型，它创建了一个新名字来引用那个类型。给基本类型起别名通常没什么用，类型别名 常用于联合类型。

说白了，其作用就是 给类型起一个别名（新名字），可以作用于基本、联合、元组等等类型。

基本用法

一个非常简单的 “基本类型” 示例，如下代码所示：

// 给数值型定义别名
type Second = number;// 正常使用(time的类型其实就是number类型)
// 因为上面给number数值型定义了别名 "Second"
let time: Second = 10;// 其他地方继续
...

可以看到，最开始使用 type 关键字给 number 数值型 定义了一个别名叫 Second。

后面使用时，可以直接通过 Second 这个别名，来当 number 使用。

更多类型

再来看个非 “基本类型” 示例，如下代码所示：

type Second = number; //基本类型
type userOjb = { name:string } //对象
type getName = () => string  //函数
type data = [ number, string ] //元组
type numOrFun = Second | getName  //联合类型（使用最多）

其实真实开发用的比较多的，就是对联合类型。

写在后面

需要注意的是，在 Typescript 编译成 JavaScript 后，所有的接口和 Type 都会被擦除掉。