这是我参与「第五届青训营 」笔记创作活动的第4天。
1. TypeScript 的发展与基本语法
- 什么是TypeScript
TypeScript 是 JavaScript 的语法超集，它添加了静态类型，近几年的发展中，也受到诸多开发者的喜爱。
- 发展历史
2012-10微软发布了第一个版本，至2021年已发布v4.5版本。
- 为什么学习TypeScript
JS/TS
- 二者都是弱类型语言
- JS是动态类型，TS是静态类型
- 动态类型：执行时匹配；静态类型：编译完执行
静态类型优势
- 可读性增强：基于语法解析TSDoc，ide增强
- 可维护性增强：在编译阶段暴露大部分错误（如拼写错误）
JS的超集
- 包含与兼容所有JS特性，支持共存
- 支持渐入式引入与升级
编译器推荐
- VSCode
- 官网在线编译器
- 基本语法
基础数据类型
对象类型
- interface接口
- key:type
- readonly只读属性
- 可选属性
- 任意属性
函数类型
函数重载
数组类型
TypeScript补充类型
TypeScript泛型
T：泛型
类型别名&类型断言
字符串/数字 字面量
2. TypeScript 高级数据类型
联合/交叉类型
- 联合类型：表示一个值可以是几种类型之一。（|）
- 交叉类型：多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性。（&）
类型保护与类型守卫
Merge 函数类型实现
表示方法1：
2：
函数返回值类型
TypeScript 工程应用
Web
- webpack
- 配置webpack loader相关配置
- 配置tsconfig.js文件
- 运行webpack启动/打包
- loader处理ts文件时，会进行编译与类型检查
Node
- 使用TSC编译
- 安装Node与npm
- 配置tsconfig.js文件
- 使用nmp安装tsc
- 使用tsc运行编译得到js文件
