深入浅出TypeScript | 青训营笔记
1 为什么要学习TS
TypeScript:
JavaScript的超集,用于解决大型
项目的代码复杂性
强类型,
支持静态和动态类型
可以在编译期间发现并纠正错误
不允许改变变量的数据类型
JavaScript:
JavaScript
—种脚本语言,用于创建动态网页
动态弱类型语言
只能在运行时发现错误
变量可以被赋值成不同类型
2 TS基础
基础类型:
1.boolean、number、string
2.undefined
3.any、unknown、void
4.never
5.数组类型[]
6.元组类型tuple
函数类型:
定义︰ TS定义函数类型时要定义输入参数类型和输出类型
输入参数︰ 参数支持可选参数和默认参数
输出参数︰ 输出可以自动推断,没有返回值时,默认为void类型
函数重载: 名称相同但参数不同,可以通过重载支持多种类型
类:
定义: 写法和JS差不多,增加了一些定义
特点:
增加了public、private、protected修饰符
抽象类∶
只能被继承,不能被实例化
作为基类,抽象方法必须被子类实现
interface约束类,使用implements关键字
3 TS进阶
高级类型∶
1.联合类型l
2.交叉类型&
3.类型断言
4.类型别名(type vS interface)-定义:给类型起个别名
-相同点:
1.都可以定义对象或函数2.都允许继承
-差异点:
1.interface是TS用来定义对象,type是用来定义别名方便使用
2.type可以定义基本类型,interface不行;
3. interface可以合并重复声明,type不行;
泛型基本定义:
1.泛型的语法是心里面写类型参数,一般用T表示;
2.使用时有两种方法指定类型:
1.定义要使用的类型
2.通过TS类型推断,自动推导类型
3.泛型的作用是临时占位,之后通过传来的类型进行推导;
typeof:获取类型
keyof:获取所有键
in:遍历枚举类型
T[K]:索引访问
extends:泛型约束