这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天
课程介绍
TypeScript 是 JavaScript 的语法超集，它添加了静态类型，近几年的发展中，也受到诸多开发者的喜爱。Typescript 的社区逐渐壮大，日趋完善，为越来越多前端开发者提供服务，本节课将主要为同学解读 TypeScript 的优势及其主要使用的工具。
课程资料
- TypeScript 历史及定义解析
- TypeScript 优势解读
- TypeScript 练习工具
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版本发布
为什么、什么是TypeScript？
静态类型：
- 可读性增强：基于语法解析TSDoc,ide增强
- 可维护性增强：在编译阶段暴露大部分错误
多人合作的大型项目中获得更好的稳定性和开发效率
JS 的超集
- 包含于兼容所有JS特性，支持共存
- 支持渐进式引入与升级
编辑器推荐
基本语法
- 基础数据类型
- 对象类型
- 函数类型
- 函数重载
- 数组类型
- TypeScript补充类型
- TypeScript泛型
- 类型别名&类型断言
- 字符串/数字 字面量
高级类型
- 联合交叉类型
- 联合类型：IA | IB；联合类型表示一个值可以是几种类型之一
- 交叉类型：IA & IB；多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性
- 类型保护与类型守卫
- 高级类型
- 函数返回值类型
工程应用
TypeScript工程应用-Web
- 配置webapack loader相关配置
- 配置tsconfig.js文件
- 运行webpack启动/打包
- loader处理ts文件时，会进行编译与类型检查
TypeScript工程应用-Node
- 安装Node与npm
- 配置tsconfig.js文件
- 使用npm安装tsc
- 使用tsc运行编译得到js文件
