携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第19天,点击查看活动详情
上一篇文章中我们介绍了一下typescript的常用类型中的类型注解以及常用基础类型概述,接下来我们将会介绍原始类型,数组类型和联合类型以及类型别名
- 原始类型
原始类型即number/string/boolean/null/undefined/symbol,这些原始类型的特点就是简单,这些类型完全按照js中类型的名称来书写即可。
代码示例:
let age:number = 18
let maName: string = '张三'
let isLoading: boolean = false
- 数组类型
对象类型:object(包括数组,对象,函数等对象) 特点:对象类型在ts中更加细化,每一个剧吐的对象都有自己的类型语法
- 数组类型的两种写法: (推荐使用number[]的写法)
例如:
let numbers: number[] = [1,3,5]
let strings: Array<string> = ['a','b','c']
需求:数组中既有number类型又有string类型的时候我们该如何编写呢? 代码如下所示:
let arr (number | string)[] = [1,'a',3,'b']
解释: | 这个竖线在ts中叫做联合类型(由两个或者多个以上的其他类型组成的类型,表示可以是这些类型中的任意一种)
注意: 这是ts中联合类型的语法,只有一根竖线,不要与js中的或||混淆了。
- 类型别名
类型别名(自定义类型):为任意类型起别名 使用场景:当同一类型(复杂)被多次使用的时候,可以通过类型别名,来简化该类型的使用。 示例代码如下:
type CustomArray = (number | string) []
let arr1: CustomArray = [1,'a',3,'b']
let arr2:CustomArray = ['x','y',6,7]
解释:
- 使用type关键字来创建类型别名
- 类型别名比如此处的CustomArray ,可以是任意合法的变量名称
- 创建类型别名后,直接使用该类型别名作为变量的类型注解即可