理解 TypeScript

什么是 TypeScript？

TypeScript 由微软开发和维护。微软对 TypeScript 的宣传语是“可扩展的 JavaScript”，因为它有助于编写大型基于 JavaScript 的程序。

TypeScript 是 JavaScript 的超集，这意味着 JavaScript 中的所有功能在 TypeScript 中都可用。TypeScript 在我们熟悉的 JavaScript 基础上添加了强大的类型系统，使代码编辑器能够提供代码重构、导航功能以及类型检查支持。

TypeScript 无法直接在浏览器中运行。与 JSX 类似，它需要先被转换为 JavaScript。TypeScript 自带编译器，可在完成类型检查后将代码转译为 JavaScript。此外，Babel 编译器也支持将 TypeScript 代码转换为 JavaScript。

TypeScript 不仅限于浏览器端应用，也可用于后端开发，例如编写基于 nodejs 的应用程序。

更易于维护

当 React 应用的代码库逐渐增大时，代码会变得难以阅读和维护。我们常常需要运行并调试应用，才能了解某个组件的 props 到底包含哪些值。在代码库中导航困难且耗时，重构代码既费时间又存在风险。诸如属性名拼写错误这类简单问题，往往容易逃过我们的检查。

在下一课中，我们将看到 TypeScript 如何帮助我们更高效地进行代码导航与重构；在整个课程中，我们也会逐步体会到 TypeScript 是如何防止拼写错误的。最终，TypeScript 让我们的代码库更易于维护。

成熟且持续快速发展

TypeScript 由微软开发和维护，首次发布于 2012 年，至今仍在快速演进，平均每月至少发布一个新版本。

强大而灵活的类型系统

TypeScript 的类型系统极为灵活，这对于编写通用且可复用的代码至关重要。如今，Angular 和 Vue 都已采用 TypeScript 构建其框架，这充分体现了它的灵活性。同时，它与 React 的集成也非常出色。

庞大的社区支持

TypeScript 拥有庞大的开发者社区，并且仍在不断增长。可以查看 npm trends，将其下载量与另一款 React 静态类型检查工具 Flow 进行对比。

你也可以在这里比较 TypeScript 的下载趋势：npmcharts.com/compare/typescript。

小结

恭喜！你已完成第一课的学习！

现在我们已经初步了解了 TypeScript 是什么，在接下来的课程中，我们将深入探讨 TypeScript 为 React 应用带来的实际优势。