为什么 typescript 是现代 javascript 开发的首选

议程：

什么是Typescript？

类型安全

可扩展性

开发经验

社区

结论

什么是Typescript？

Typescript 是 JavaScript 的超集。

它为 JavaScript 添加了可选的静态类型和其他功能，使编写大型和复杂的代码库变得更加容易。 它可用于开发客户端和服务器端应用程序。 TypeScript 可以编译成 JavaScript，因此它可以在任何支持 JavaScript 的环境中运行。 它在实际项目中被广泛使用，并受到广大开发人员的欢迎。 它特别适用于开发大型项目，可以提高代码的可维护性、可扩展性和性能。

当我写《选择正确技术堆栈的基本手册》时，我一遍又一遍地建议选择 TypeScript。

在本文中，我将解释使 TypeScript 成为 2023 年项目正确选择的核心概念。

类型安全

类型安全是编程语言中的一项功能，可确保以与其预期类型一致的方式使用变量。

例如，如果变量被定义为整数，类型安全系统将阻止它被用作字符串或布尔值。

通过一个真实的例子很容易理解，这里是一个：

假设我们正在开发一个电子商务网站，我们想在其中计算一定折扣后的价格。

在这种情况下，会有这样的情况：

假设我们有一个名为“totalPrice”的变量，用于跟踪购物车中商品的总金额。 如果这个变量被定义为数字，类型安全系统将阻止它被用作字符串或布尔值。

例如，开发人员可能会不小心尝试将字符串值添加到 totalPrice 变量，例如：

这将导致错误，因为“20”是一个字符串，而不是一个数字。 有了类型安全，这个错误将在编译时被捕获，而不是在运行时，这将避免应用程序崩溃或致命错误。

类型安全也可以应用于函数。 通过定义每个参数和返回值的类型，开发人员可以更轻松地使用这些函数，所有错误都将在编译时被发现，而不是在运行时。 这提高了代码的可维护性、可伸缩性和性能。

例如，“添加到购物车”功能获取一项并将其添加到购物车中。 此函数还返回更新后的购物车。

不使用TypeScript

使用TypeScript

好多了!

“Item”是一个类/接口，它预定义了一个 Item 的属性。

可扩展性

TypeScript 旨在提高代码库的可扩展性。 促成这一点的关键特性之一是其可选的静态类型。 通过向变量和函数添加类型注释，TypeScript 可以在编译时而非运行时捕获错误。 这有助于防止错误并使维护和扩展大型代码库变得更加容易。

有助于 TypeScript 可扩展性的另一个特性是它支持面向对象的编程 (OOP) 概念，例如类、接口和继承。 这允许开发人员将他们的代码组织成可重用和可维护的单元，从而随着代码库的增长更容易理解和更改。

TypeScript 还包括装饰器等功能，它允许将元数据添加到代码中，并有助于构建更加结构化和组织化的代码库。

此外，TypeScript 与大量的 JavaScript 库和框架兼容，使其易于集成到现有项目中并利用现有代码。 这使开发人员可以轻松构建大型复杂的应用程序。

总之，TypeScript 的静态类型、OOP 支持、装饰器以及与 JavaScript 库和框架的兼容性都有助于提高其可扩展性，使其成为构建和维护大型复杂代码库的有吸引力的选择。

开发经验

在处理项目时，开发人员的经验至关重要。 当开发过程顺利时，开发人员可以获得更高的性能和生产效率。

TypeScript 的自身特性可以帮助您立即获得更好的体验。

他们之中有一些是：

静态类型：TypeScript 的可选静态类型允许开发人员在编译时而不是在运行时捕获错误，从而减少错误数量并使其更易于维护和扩展代码库。

IntelliSense 和自动完成：TypeScript 的静态类型在 IDE 中提供了更好的代码建议和自动完成功能，可以提高开发人员的工作效率并减少编写和理解代码所需的时间。

面向对象编程：TypeScript 对面向对象编程 (OOP) 概念（例如类、接口和继承）的支持允许开发人员将代码组织成可重用和可维护的单元，从而随着代码库的增长更容易理解和更改。

装饰器：TypeScript 的装饰器允许开发人员将元数据添加到代码中，使其更易于理解和维护，并使其更加结构化和组织化。

向后兼容：TypeScript 与现有的 JavaScript 代码完全兼容，这意味着开发人员可以在他们的项目中逐步采用 TypeScript，从而轻松集成到现有的代码库中并从其功能中受益。

社区和工具：TypeScript 拥有庞大而活跃的社区，以及为支持它而构建的各种工具和框架。 这使开发人员可以轻松找到问题的答案、共享代码和构建新工具来改进他们的工作流程。

从长远来看，投资于开发经验可以减少错误和花费在调试上的时间，最终使项目更加健壮和有弹性。

此外，使用 Vite、create-react-app 等工具，开发人员可以轻松设置并开始使用 TypeScript，这只需很少的设置或配置要求。

使用 TypeScript 不会给项目增加任何不必要的负担或复杂性。

社区

TypeScript 拥有强大而活跃的开发人员社区，他们为其开发做出贡献并支持其使用。 该社区包括来自不同背景和经验水平的开发人员，并且还在不断发展壮大。

TypeScript 社区由为语言的开源开发做出贡献的开发人员、TypeScript 包的作者和维护人员以及在其项目中使用 TypeScript 的开发人员组成。 他们通过各种渠道协作，例如 TypeScript GitHub 存储库、TypeScript 社区论坛和社交媒体平台。

还有许多专注于 TypeScript 的聚会和会议，开发人员可以聚在一起分享他们的知识、经验和想法，并向他人学习。

此外，社区还开发了范围广泛的工具和框架来支持 TypeScript，例如 TypeScript 兼容的 linter、代码格式化程序和测试框架。 这使开发人员可以轻松地将 TypeScript 集成到他们的工作流程中并从其功能中受益。

TypeScript 由 Microsoft 维护，全球许多公司选择将 TypeScript 添加到他们的代码库中：

Airbnb：Airbnb 在其 Web 应用程序中使用 TypeScript 来提高开发人员的工作效率并在编译时捕获错误。

Uber：Uber 一直在使用 TypeScript 来提高代码库的质量，并在开发过程的早期发现错误。

Slack：Slack 使用 TypeScript 来提高其代码库的质量，使其更易于维护，并在开发过程的早期发现错误。

Dropbox：Dropbox 一直在使用 TypeScript 来提高其代码库的质量，使其更易于维护，并在开发过程的早期发现错误。

三星：三星正在使用 TypeScript 来提高其代码库的质量，使其更易于维护，并在开发过程的早期发现错误。

总结

TypeScript 被世界各地的公司广泛使用，因为它能够在编译过程中捕获错误并减少运行时的错误。 这通过 IntelliSense 等功能改善了开发人员体验，有助于公司的发展和可扩展性，同时也使项目更加健壮。 在当今的 Web 开发环境中，为了构建稳定高效的现代 Web 应用程序，选择 TypeScript 而不是 JavaScript 变得越来越必要。