初识TypeScript(day4)

77 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第19天,点击查看活动详情

%9__XS([WZ4]A}9VFJ78~Q8.jpg

上一篇文章中我们介绍了一下typescript的常用类型中的类型注解以及常用基础类型概述,接下来我们将会介绍原始类型,数组类型和联合类型以及类型别名

  1. 原始类型

原始类型即number/string/boolean/null/undefined/symbol,这些原始类型的特点就是简单,这些类型完全按照js中类型的名称来书写即可。

代码示例:

let age:number = 18
let maName: string = '张三'
let isLoading: boolean = false
  1. 数组类型

对象类型: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中的或||混淆了。

  1. 类型别名

类型别名(自定义类型):为任意类型起别名 使用场景:当同一类型(复杂)被多次使用的时候,可以通过类型别名,来简化该类型的使用。 示例代码如下:

type CustomArray = (number | string) []
let arr1: CustomArray = [1,'a',3,'b']
let arr2:CustomArray  = ['x','y',6,7]

解释:

  • 使用type关键字来创建类型别名
  • 类型别名比如此处的CustomArray ,可以是任意合法的变量名称
  • 创建类型别名后,直接使用该类型别名作为变量的类型注解即可