深入浅出TypeScript|青训营

## 学习TypeScript的必要性

typescript

JS的超集，用于解决大型项目的代码复杂性 强类型，支持静态和动态类型 可以在编译期间发现并纠正错误 不允许改变变量的数据类型

JavaScript

一种脚本语言，用于创建动态网页 动态弱类型语言 只能在运行时发现错误 变量可以被赋值为不同类型

typescript基础

基础数据

引入一些基础数据结构类型

• 布尔类型
• 数字类型
• 字符串类型
• 数组类型
• 元组类型

接口（interfaces）

用于定义对象的结构

• 可选属性：？
• 只读属性：readonly
• 可以描述函数类型
• 可以描述自定义属性

类（class）

• 增加了public、private、protected修饰符
• 抽象类： 只能被继承，不能被实例化 作为基类，抽象方法必须被子类实现
• interface约束类，使用implements关键字
• 类的继承使用extends关键字实现继承
• 子类中使用super关键字来调用父类的构造函数和方法

typescript进阶

高级类型

• 联合类型|：如果在定义上有多个基础类型，需要用联合类型取值。
• 交叉类型&：如果需要在此对象类型上做一些扩展，需要用到交叉类型。
• 类型断言：TS执行时会检查当前变量的定义情况，在执行此操作前使用断言可以向编译器传达“这个变量有指定类型”，省去相关类型推断的过程。
• 类型别名（type VS interface)：定义:给类型起个别名 相同点: 1、都可以定义对象或函数 2、都允许继承 差异点: 1、interface是TS用来定义对象，type是用来定义别名方便使用。 2、type可以定义基本类型，interface不行。 3、interface可以合并重复声明，type不行。

泛型

官方定义：

软件工程中，我们不仅要创建一致的定义良好的 API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。 在像C#和Java 这样的语言中，可以使用泛型来建可重用的组个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。

基本使用

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

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

1. 定义要使用的类型
2. 通过TS类型推断，自动推导类型

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

基本操作符

• typeof:获取类型
• keyof:获取所有键
• in:遍历枚举类型
• T[k]
• extends:泛型类型

常用工具

• Partial:将类型属性变为可选
• Required:将类型属性变为必选
• Readonly:将类型属性变为只读
• Pick,Record

总结

本堂课对ts进行了讲解和分析,陈述了学习TypeScript的必要性,ts的基础语法和应用,讲解了ts进阶以及泛型的基本使用以及常用工具,由浅入深,层层递进.