[深入浅出 TypeScript|青训营笔记]

从TS基础入手，由基础类型一步步延伸到高级类型，通过示例来深入浅出的了解TypeScript的各种姿势。

• 整体介绍： TS背景、优缺点、社区活跃度等；
• TS常用类型基本概念： 基础类型、对象类型、接口、断言等；
• 进阶用法： 类、泛型及使用场景；
• 工程向： 代码检测、编译配置、tsconfig介绍； 工程中最佳实践、迁移工具。

TypeScript的整体介绍：

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

TypeScript带来了什么：

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

不仅仅是一门语言，更是生产力工具。

学习链接分享：

Awesome Typescript：TS开源教程及应用 ByteTech：TS&REACT：React+TypeScript开发模式介绍 TypeScript Playground：TS到JS在线编译

TS基础

-类型

• boolean、number、string
• 枚举enum
• any、unknown、void
• never
• 数组类型[]
• 元祖类型tuple

-interface

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

特点：

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

总结：接口非常灵活duck typing

-类

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

特点：

• 增加了public、private、protected修饰符
• 抽象类：只能被继承，不能被实例化
• 作为基类，抽象方法必须被子类实现
• interface约束类，使用implements关键字

TS进阶

-高级类型

1. 联合类型 |
2. 交叉类型 &
3. 类型断言
4. 类型别名（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. 泛型的作用是临时站位，之后通过传来的类型进行推导；

课程总结

为什么要学习TS

• TS是JS的超集
• 增强了类型安全
• 提高生产力

TS基础

• 基础类型
• 函数类型
• Interface
• Class类

TS进阶

• 高级类型
• 泛型
• 泛型工具类型