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

本笔记对应的是青训营关于TypeScript的课程。

1 课程内容概括

在已经了解了JavaScript的基础，并学习了如何更好地写出JavaScript代码后，还有必要了解一下当下非常流行的TypeScript（TS）。

本课程针对TS的历史、优点、语法、工程应用等内容做出了介绍。

2 JS VS. TS

JS是弱类型语言，是动态类型的。

TS也是弱类型语言，是静态类型的。

由于TS是静态类型，可以基于语法解析，获得IDE增强的特性，并且能够在编译阶段暴露出很多错误，因此可以有效的提高代码的可读性和可维护性，增强项目的整体稳定性和团队的开发效率，尤其是在大型的项目中，优势更为明显。此外，由于TS是JS的超集，TS可以兼容JS的所有特性，并且可以与JS代码共存，因此可以将代码逐步改为TS。

3 类型系统与TS语法

此处课上介绍了TS的类型与语法，由于有相关文档与书籍，不在笔记中简单复制重复。

个人认为学习TS和类型系统的一本不错的书籍是《编程与类型系统》，在这里作为分享，读者可以作为参考书籍使用。

4 工程应用

Web（Webpack） 配置loader相关配置 -> 配置tsconfig -> 运行webpack启动/打包 -> loader处理ts文件时执行编译与类型检查

Node 安装Node与NPM -> 配置tsconfig -> 使用npm安装tsc -> 使用tsc运行编译，生成js文件

5 总结与思考

本节课首先介绍了TS的发展历史，然后针对JS与TS做出了比较。TS是静态类型语言，这使得TS与JS相比，在工程项目中有着种种优势，应该学习使用。TS的类型系统和语法在课上有介绍，可以结合文档、相关书籍参考，并在实践中应用。

目前，TS的使用率正在逐步提高，并且TS确实有一定的优势，所以前端开发者应该能够学会使用TypeScript完成工程项目。