这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
今天主要学习了TypeScript的一些基础知识。
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？
1.静态类型
- 可读性增强:基于语法解析TSDoc，ide增强
- 可维护性增强:在编译阶段暴露大部分错误
=> 多人合作的大型项目中，获得更好的稳定性和开发效率
2.JS的超集
- 包含于兼容所有Js特性，支持共存
- 支持渐进式引入与升级
三、基本语法
1.变量的声明
TypeScript定义对象的时候可以设置只读类型
2.函数的声明
- 直接在函数上进行类型补充
- 给函数变量加函数的类型声明
3.函数重载
函数重载，必须要把精确的定义放在前面，最后函数实现时，需要使用 | 操作符或者?操作符，把所有可能的输入类型全部包含进去，以具体实现。
4.数组类型
5.补充类型
6.泛型
四、高级类型
- 联合 交叉类型
- 联合类型: IA |IB;联合类型表示一个值可以是几种类型之一
- 交叉类型: IA & IB;多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性
2.函数的返回值类型
五、TypeScript的工程应用
-
配置webapack loader相关配置
-
配置tsconfig.js文件
-
运行webpack启动/打包
-
loader处理ts文件时，会进行编译与类型检查
今日感悟：前端是一门发展迅速的技术，需要我们不断学习，终身学习，跟上时代更新的脚步。
