01为什么要学习TS 02TS基础 03TS进阶 04实战&工程向 01为什么要学习TS(TS不仅是一门语言,更是一个生产工具) 类型安全 下一代JS特性 完善

116 阅读2分钟

01为什么要学习TS

02TS基础

03TS进阶

04实战&工程向

01为什么要学习TS(TS不仅是一门语言,更是一个生产工具)

  • 类型安全
  • 下一代JS特性
  • 完善的工具链

02TS基础

基础类型

  1. boolean、number、string

  2. 枚举enum

  3. any、unknown、void(unkown只允许被赋值)

  4. never

  5. 数组类型[]

  6. 元组类型tuple

函数类型

定义:TS定义函数类型时要定义输入参数类型和输出类型

输入参数:参数支持可选参数和默认参数

输出参数:输出可以自动推断,没有返回值时,默认为void类型

函数重载:名称相同但参数不同,可以通过重载支持多种类型

interface(接口)

定义:接口是为了定义对象类型

特点:

-可选属性: ?

-只读属性:readonly

-可以描述函数类型

可以描述自定义属性

总结:接口非常灵活duck typing

定义:写法和JS差不多,增加了一些定义

特点:

-增加了 public(默认public)、private(私有)、protected 修饰符

-抽象类:

-只能被继承,不能被实例化

-作为基类,抽象方法必须被子类实现

-interface约束类,使用implements关键字

03TS进阶

高级类型

1.联合类型I 例如 let num:number|string

2.交叉类型& type Student=Person&(grade:number) 类型扩展

3.类型断言

4.类型别名 (type VSinterface)

定义:给类型起个别名

相同点:

1都可以定义对象或函数

2.都允许继承

差异点:

1interface是TS用来定义对象,type是用来定义别名方便使用

2.type可以定义基本类型,interface不行;

3.interface可以合并重复声明,type不行;

泛型

基本定义

1.泛型的语法是<>里面写类型参数,一般用T表示;

print(arg:T):{}

2.使用时有两种方法指定类型

1.定义要使用的类型

2.通过TS类型推断,自动推导类型

例如:

print("hello') // 定义 T为 string

print("hello") // TS 类型推断,自动推导类型为 string

3.泛型的作用是临时占位,之后通过传来的类型进行推导;

基础操作符:

·typeof:获取类型

·keyof: 获取所有键

·in:遍历枚举类型

·T[K]: 索引访问

·extends:泛型约束

常用工具类型

·Partial:将类型属性变为可选

·Required:将类型属性变为必选

Readonly:将类型属性变为只读

·Pick、Record...