这是我参与「第五届青训营 」伴学笔记创作活动的第 10 天。

之前我们了解了前端三件套HTML+CSS+JS，下面再了解一下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

JS

• 动态类型
• 弱类型语言

TS

• 静态类型
• 弱类型语言

静态类型

• 可读性增强：基于语法解析TSDoc，ide增强

• 可维护性增强：在编译阶段暴露大部分错误

  =>

  多人合作的大型项目中，获得更好的稳定性和开发效率

JS的超集

• 包含于兼容所有Js特性，支持共存
• 支持渐进式引入与升级

编辑器推荐：Visual Studio Code

基本语法

基础数据类型

等同于

对象类型

函数类型

函数重载

数组类型

Tyepescript补充类型

Tyepescript泛型

类型别名&类型断言

字符串/数字 字面量

个人总结

本次课程主要了解了TypeScript的发展历史，它与JS有哪些区别，相对于JS它添加了静态类型，静态类型的可读性以及可维护性都得到了大幅加强，我们也了解到了TS是JS的语法超集。推荐使用的编辑器是配套的VScode。同时我们也学习了TS的一些基础的语法。