Typescript VS Javascript
TypeScript 是 JavaScript 的超集，它在 JavaScript 的基础上添加了强类型、接口、类、泛型等特性，并提供了静态类型检查等工具，让开发者能够在编写代码时更加安全、高效、可靠。与 JavaScript 相比，TypeScript 具有更强的类型系统、更严格的类型检查、更好的代码可读性和维护性等优点。此外，TypeScript 的社区活跃度也非常高，它被越来越多的开发者和公司所采用。
特点
- 类型安全
- 下一代JS特性
- 完善的工具链
Typescript基础
基础类型
- boolean、number、string
- undefined、null
- any、unknown、void
- never
- 数组类型[]
- 元组类型 tuple
函数类型
- 定义︰TS定义函数类型时要定义输入参数类型和输出类型
- 输入参数:参数支持可选参数和默认参数
- 输出参数︰输出可以自动推断，没有返回值时，默认为void类型
- 函数重载:名称相同但参数不同，可以通过重载支持多种类型
接口类型
- 定义:接口是为了定义对象类型
- 特点:
- 可选属性: ?
- 只读属性: readonly
- 可以描述函数类型
- 可以描述自定义属性
总结:接口非常灵活 duck typing
类
- 定义:写法和JS差不多，增加了一些定义
- 特点:
- 增加了 public、private、protected 修饰符
- 抽象类
- 只能被继承，不能被实例化
- 作为基类，抽象方法必须被子类实现
- interface约束类，使用implements关键字
Typescript进阶
高级类型
- 联合类型I
- 交叉类型&
- 类型断言
- 类型别名 (type VS interface)
- 定义:给类型起个别名
- 相同点:
- 1.都可以定义对象或函数
- 2.都允许继承
- 差异点:
- 1.interface是TS用来定义对象，type是用来定义别名方便使用
- 2.type可以定义基本类型，interface不行
- 3.interface可以合并重复声明，type不行
泛型-基本使用
- 基本定义:
- 泛型的语法是>里面写类型参数，一般用T表示
- 使用时有两种方法指定类型
- 定义要使用的类型
- 通过TS类型推断，自动推导类型
- 泛型的作用是临时占位，之后通过传来的类型进行推导
泛型工具类型-基本操作符
- typeof:获取类型
- keyof:获取所有键
- in:遍历枚举类型
- T[K]: 索引访问
- extends:泛型约束
泛型工具类型-常用工具类型
- Partial:将类型属性变为可选
- Required:将类型属性变为必选
- Readonly:将类型属性变为只读
- Pick、Record...
TypeScript实战
- declare:三方库需要类型声明文件
- .d.ts:声明文件定义
- @types:三方库TS类型包
- tsconfig.json:定义TS的配置
Typescript优势
TS 使代码重构变得更加容易，并且更强调显式类型，使开发人员能够掌握各种组件的交互方式。由于它支持编译时调试，对于处理大型复杂应用程序的团队来说，有一定的好处。
为任何项目设置TypeScript都是容易的。一些框架，如Angular，默认使用TypeScript。因此，在我看来TypeScript更胜一筹。
那什么时候应该将项目迁移到TypeScript？
当代码的大小、复杂性和出错率增加时，需要在编译过程中确定具体问题时，就可以使用TypeScript。
TypeScript 还具有接口和访问修饰符，允许开发人员在单个代码库上进行协作和交互。因此，最好在项目一开始就使用TypeScript。
