您的位置:首页> 前端教程> TS教程

TypeScript type 类型别名

2019-4-28 09:13| 作者: admin| 查看: 1811| 评论: 0|来自: 蚂蚁部落

在实际应用中,有些类型名字比较长或者难以记忆,重新命名是一个较好的解决方案。

TypeScript可以通过type关键字给类型重命名,看如下代码实例:

[typescript] 纯文本查看 复制代码
interface T1 {
  a: boolean;
  b: string;
}
 
interface T2 {
  a: boolean;
  b: number;
}
 
type T = T1 & T2;

上面的代码将交叉类型T1&T2重新命名为T。

如果说上面的代码演示有一点点复杂,下面看一个极其简单的代码:

[typescript] 纯文本查看 复制代码
type ant = string;
let str:ant="蚂蚁部落";

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

泛型别名:

TypeScript1.6版本开始支持为泛型提供别名,首先看一段代码实例:

[typescript] 纯文本查看 复制代码
type ant=string | (() => string)

上面为一个非泛型的联合类型重命名;联合类型参阅TypeScript 联合类型一章节。

[typescript] 纯文本查看 复制代码
type ant<T>=T | (() => T)

上面是为一个泛型相关类型重命名。

类型别名和接口的区别:

通过上面的介绍,类型别名与接口有一些类似之处,但是区别也是很明显的:

(1).错误信息不会使用别名。

(2).接口是创建一个新的类型,别名不会创建一个新类型,是对原有类型的引用。

(3).即使使用别名,编辑器只能提示还是会显示原有类型名称:

a:3:{s:3:\"pic\";s:43:\"portal/201904/28/091601xc8lm6cwinoz6owo.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部