TypeScript入门 | 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第11天
1. 为什么是TypeScript?
a. TypeScript发展历史
- 2012-10:微软发布了 TypeScript 第一个版本(0.8)
- 2014-10:Angular 发布了基于 TypeScript 的 2.0 版本
- 2015-04:微软发布了 Visual Studio Code
- 2016-05:@types/react 发布，TypeScript 可开发 React
- 2020-09:Vue 发布了 3.0 版本，官方支持 TypeScript
- 2021-11:v4.5版本发布
b. TypeScript和JavaScript
TypeScrip静态类型：
- 可读性增强: 基于语法解析TSDoc，ide增强
- 可维护性增强: 在编译阶段暴露大部分错误=>多人合作的大型项目中，获得更好的稳定性和开发效率
动态类型JS超集：
- 包含于兼容所有Js特性，支持共存
- 支持渐进式引入与升级
2. 基本语法
a. 基础数据类型
b. 对象类型
c. 函数重载
d. 数组类型
e. TypeScript补充类型
f. 类型别名 & 类型断言
g. 字符串、数字、字面量
3. 高级类型
a. 联合交叉类型
- 联合类型:IA|IB;联合类型表示一个值可以是是几种类型之一
- 交叉类型:IA &IB; 多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性
b. 类型保护与类型守卫
c. 高级类型
4. 工程应用
a. Typescript工程应用
（1）Web
- 配置webapackloader相关配置
- 配置tsconfigjs文件
- 运行webpack启动/打包
- loader处理ts文件时，会进行编译与类型检查
（2）Node
- 安装Node与npm
- 配置tsconfig.js文件
- 使用npm安装tsc
- 使用tsc运行编译得到js文件
5. 课后总结
讲的很好学到了很多知识，加油~
