TypeScript 入门 | 青训营笔记

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

什么是TypeScript？

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open source.

TypeScript是JavaScript的超集，因为它扩展了JavaScript，添加了静态类型和面向对象编程的语法，主要提供了类型系统和对 ES6 的支持。

为什么使用TypeScript？

使用 TypeScript 的主要原因有：

1. 类型安全：TypeScript 提供了静态类型系统，可以在编译期间发现类型错误。
2. 提高可读性和可维护性：TypeScript 的静态类型系统和面向对象语法使代码更加清晰易懂。
3. 改进代码质量：通过类型检查，TypeScript 可以提高代码质量和降低错误率。
4. 更好的工具支持：TypeScript 与现有的 JavaScript 生态系统和工具兼容，并且有许多现有的库和框架已经提供了 TypeScript 的支持。
5. 增强开发体验：TypeScript 提供了诸如代码补全、智能提示等功能，以提高开发体验。

总的来说，TypeScript 为 JavaScript 添加了额外的特性，使代码更加可读性和可维护性，并提高了代码质量。

详细的介绍可以看这篇文章。

搭建typescript学习环境

1.安装最新版typescript

 npm i -g typescript

安装ts-node

 npm i -g ts-node

创建一个 tsconfig.json 文件

 tsc --init

然后新建index.ts，输入相关练习代码，然后执行 ts-node index.ts

2.官方playground

官方也提供了一个在线开发 TypeScript 的云环境——Playground。

无须在本地安装环境，只需要一个浏览器即可随时学习和编写 TypeScript，同时还可以方便地选择 TypeScript 版本、配置 tsconfig，并对 TypeScript 实时静态类型检测、转译输出 JavaScript 和在线执行。

基础知识建议直接看官网或者看中文手册，这里就不细讲。想要深入理解也可以看一下《深入浅出TypeScript》 这个专栏。

使用 TypeScript 的注意点

1. 类型声明：为了获得TypeScript的所有优势，必须正确声明变量的类型，以便进行类型检查。
2. 兼容性：TypeScript是JavaScript的超集，但并不是所有JavaScript代码都可以在TypeScript中使用。需要注意代码的兼容性。

   此外，有些JavaScript库或框架可能不支持TypeScript，因此在使用这些库或框架时，可能需要使用类型声明文件（.d.ts文件）来提供TypeScript的类型信息。 因此，在使用TypeScript时，应该注意选择支持TypeScript的库和框架。

3. 接口：接口是TypeScript中一个强大的特性，但是也需要适当地使用。在接口中，要清楚地指定对象的属性和方法。
4. 编译器选项：TypeScript的编译器有很多选项，可以控制编译的行为。需要了解和使用这些选项来获得最佳的编译效果。
5. 调试：由于TypeScript编译后的代码是JavaScript，因此调试起来可能比较困难。但是，有一些工具可以帮助开发人员调试TypeScript代码（上面提到的，比如vscode、Chrome DevTools、Node.js调试器...），以提高效率。