共计 2565 个字符，预计需要花费 7 分钟才能阅读完成。
● 上一章, 咱们讲了 TS 的编译和初步应用
● 当初咱们就开始正式进入 TS 的学习之旅
根底类型
● 咱们先来对咱们最根底的数据类型进行一些限度布尔类型let boo: boolean = false
● 以后这个 boo 变量的数据类型被限度为了 布尔类型
● 一旦未来给这个变量赋值的时候, 只有不是布尔类型, 就会提醒你类型谬误
数值类型
● ts 内的 number 类型都是依照浮点数存储的, 同时也反对十六进制, 八进制, 二进制等其余进制示意
let num: number = 6
num = 0xf00d
num = 0b1010
num = 0o744● 给 num 变量限度为了 number 类型, 只有你给 num 赋值的是 number 类型数据就没问题, 其余不行
字符串类
let str: string = '千锋大前端'
给 str 变量限度为了 string 数据类型
多个根底类型
● 咱们也能够通过 (|) 来给一个变量设置多个数据类型
let foo: string | boolean = '千锋大前端'
● 这个 foo 变量就被限度为 string 或者 boolean 类型的数据, 能够承受这两种数据类型
数组类型
定义形式 1
const list: number[] = []
● 定义了一个 list 变量, 限度为一个数组的同时, 这个数组只能承受 number 数据
定义形式 2 let list: Array<number> = [100, 200]
这种形式是采纳的泛型的形式进行定义, 泛型前面咱们会具体说
● 这种形式定义的数组, 也能够让数组内蕴含多种数据类型
const list: Array<number | string> = [100, 200]示意这个数组内能够增加 number 或者 string 类型的数据
元组类型
根底定义
● 元组(Tuple) : 是 TS 中给出的一个概念, 其实就是一个已知元素数量和数据类型的数组
元组是 TS 的一个概念, 在 JS 内没有元素这个概念
在 JS 中
数组是不限度长度的, 能够随便增加多少数据
TS 的元组, 编译当前, 其实就是 JS 中的数组
所以是不会被真正限度长度的
在 TS 中
元组也只是一个模式上的 已知元素数量 和 数据类型 的数组
不是说超过限定长度就会报错
只是通过元组的形式, 倡议你该数组的长度和类型
毕竟 TS 也只是在开发中给 JS 的各种数据增加上类型限度而已
const list: [number, string] = [100, 'hello']● 将 list 限定为一个元组
○ 该元组倡议有两个数据
○ [0] 地位数据是一个 number 类型数据
○ [1] 地位数据是一个 string 类型数据
○ 初始化的时候, 就必须间接赋好值
● 肯定要留神一个问题, 就是元组的值程序不能变
可选值
● 咱们能够应用 问号(?) 来决定某个值为选填项
const list: [number?, string?] = []
● 这个时候就是就是对 number 和 string 数据做了一个选填限度
● 该索引对应地位能够有值能够没有值
○ 然而肯定要留神, 程序不能变哦
元组越界
● 方才咱们说了, 元组其实实质上还是数组
○ 数组其实是没有长度限度的
○ 所以元组只是倡议你不要超出长度, 然而其实超出去也没事
● 所以超出限度长度的数据, 就不会有过多的限度了
○ 你所以写的数据类型都能够
const list: [number, string] = [100, 'hello']
list.push(100)
list.push(200)
list.push('hello')
list.push('world')● 次要不在初始化的时候, 给出越界数据, 前面能够向数组外面追加数据
● 而且追加进去的多余的数据, 能够是 number 类型, 也能够是 string 类型
● 并且也没有了程序的限度
● 然而其余数据类型还是不行
Any 类型
● 有些时候, 咱们对于某个数据, 没有方法确定是什么类型, 因为数据源可能是来自用户输出, 或者某些第三方库得来的, 所以咱们没方法在一开始限度其数据类型
● 然而从 TS 的角度上来说, 每一个数据都要限度一次数据类型
● 所以, 给出了一个 Any(任意类型)
let foo: any = 100
foo = true
foo = 'hello'● foo 这个变量能够承受任何数据类型, 就相当于没有限度
● 然而对于一个谨严的程序员来说, 还是不倡议经常性的应用 any, 因为这样的话 TS 的意义就不在了
空类型
void
● 是一个和 any 类型刚好齐全相同的类型, 它示意什么都没有
● 咱们能够给一个变量设置为 void 类型, 然而没有人会这么做, 因为没有任何意义
let foo: void = undefined
● 当你给 foo 设置为 void 类型当前, 这个变量就只能承受 undefined 和 null 类型数据了
● 其余的都不行
● void 还有一个中央就是用在 函数的返回值
○ 当这个函数没有返回值的时候, 你见到的类型限度就会是 void
function and(a, b): void {console.log(a + b)
}● 当然, 咱们也能够倒推这个后果
● 也就是说, 当你给一个函数的返回值设置为 void 当前
● 那么这个函数就不能写返回值了
Never
● 这个类型示意的是哪些永不存在的值的类型, 利用的中央绝对比拟少
● 个别如果用 Never 去形容一个函数的返回值, 那么这个函数就不能有任何返回呈现, 也就是说这个函数必须不能失常完结, 所以咱们就须要在该函数内让函数代码报错, 就是手动抛出异样, 或者让函数永不完结
function fn(): never {throw new Error('出错啦')
}function fn(): never {while (true) {}}Undefined 和 Null
● 他们两个和 void 很想, 自身在 TS 内用途不是很大
● 别离对应 undefined 和 null 两个数据, 个别用不到
let u: undefined = undefined
let n: null = null
然而 undefined 和 null 能够作为任何类型的子类型呈现
● 也就是你设置其余类型, 也能够填写 undefined 或者 null
let n: number
● 此时 n 被限度为 number 类型, 然而目前 n 的值是 undefined, 也没有问题
● 因为 undefined 能够是 number 的子类型
object 类型
● 这是一个非凡的类型限度, 不仅仅是代表 对象数据类型
● 示意的是 非根底数据类型 以外的所有类型
● 也就是除 number，string，boolean，symbol，null 或 undefined 之外的类型
let foo: object = 100
foo = []