如何在项目中用好 TypeScript

1. 前言 ✍️

• 我们都知道，JavaScript 是一门非常灵活的编程语言，这种灵活性一方面使得它成为最受欢迎的编程语言，另一方面也使得它的代码质量参差不齐，维护成本高，运行时错误多。
• TypeScript 是添加了类型系统的 JavaScript，适用于任何规模的项目。TypeScript 的类型系统在很大程度上弥补了 JavaScript 的缺点。
• 类型系统按照「类型检查的时机」来分类，可以分为动态类型和静态类型：
  • 动态类型是指在运行时才会进行类型检查，这种语言的类型错误往往会导致运行时错误，我们熟悉的 JavaScript 即属于动态类型，它是一门解释型语言，没有编译阶段。
  • 静态类型是指编译阶段就能确定每个变量的类型，这种语言的类型错误往往会导致语法错误。由于 TypeScript 在运行前需要先编译为 JavaScript，而在编译阶段就会进行类型检查，所以 TypeScript 属于 静态类型。
• 也许初学者会认为使用 TypeScript 需要写额外的代码，降低开发效率。而他们可能不知道的是，TypeScript 增强了编辑器（IDE）的功能，包括代码补全、接口提示、跳转到定义、代码重构等，这在很大程度上提高了开发效率。TypeScript 的类型系统可以为大型项目带来更高的可维护性，以及更少的 bug。
• 为了提升开发幸福感，下面将详细介绍如何在项目中用好 TypeScript。

2. 在项目中的实践

2.1 善用类型注释

• 我们可以通过 /** */ 形式的注释为给 TypeScript 类型做标记提示：