TypeScript：需要的超级英雄 JavaScript-js教程-PHP中文网

TypeScript: The Superhero JavaScript Needed

介绍

本文深入探讨了 TypeScript，它不仅仅是一个重塑我们构建现代 Web 应用程序方式的变革性工具。近年来我一直在使用 TypeScript，它如何彻底改变了 Web 开发，我一直对此感到惊讶。让我们不去深入研究它的历史，而是探索 TypeScript 的独特之处以及为什么它在当今的开发环境中变得不可或缺。我不会将它与其他“类型”语言（例如 Java、C（更流行）和许多其他语言）进行比较；我将让自己沉浸在 TypeScript 和 Javascript 的世界中一段时间。

类型安全和性能

TypeScript 强大的核心在于其静态类型系统，但它不仅仅是向变量添加 : string 或 : number 。如果您像我一样使用 JavaScript 工作多年，那么这就是 TypeScript 可以提供帮助的地方。真正让它与众不同的是它如何在投入生产之前发现潜在的问题。这很神奇吗？我记得调试 Javascript 应用程序的日子（现在仍然如此），其中属性名称中的简单类型可能会通过测试并导致生产崩溃。 TypeScript 完全消除了这些场景。

给大家看一个我工作中经常遇到的实际例子：

function processUser(user: User) {
    console.log(user.name.toUpperCase()); // Safe!
}

登录后复制

这可能看起来很简单，但这里有深刻的安全性。在 JavaScript 中，这个函数将是一个定时炸弹 - 如果 user 未定义怎么办？如果名字不见了怎么办？在 TypeScript 中，这些问题消失了，因为类型系统确保所有这些属性在代码运行之前就存在。

可靠性

TypeScript 真正让我惊讶的是它如何将 JavaScript 开发从潜在运行时错误的雷区转变为自信的、有指导的体验。编译器成为你的结对程序员，但不是以一种侵入的方式。 TypeScript 不会在用户发现错误时发现错误，而是在您键入时捕获错误。这就像有一位高级开发人员在您身后监视，在潜在问题成为问题之前指出它们。

类型系统非常复杂，但对于 JavaScript 开发人员来说却很自然。以我最近使用的这个例子为例：我需要确保应用程序的不同部分可以相互“对话”。在 JavaScript 中，我希望一切都匹配。另一方面，使用 TypeScript，我得到了保证：

interface CanSpeak {
     speak(): string;
}

function makeSpeak(speaker: CanSpeak) {
    console.log(speaker.speak());
}

登录后复制

这段代码讲述了一个关于 TypeScript 如何让我们的应用程序变得清晰的故事。任何具有 talk 方法的对象都可以无缝工作，保持 JavaScript 的灵活性，同时增加编译时安全性。在 JavaScript 的黄金岁月里，没有人无法想象这一点。

生产率

让我分享一些有关 TypeScript 对生产力影响的有趣事情。去年，我在那些已准备好使其发挥作用的旧项目中进行了大规模应用程序重构。本来需要数周时间仔细修改 JavaScript 的事情变成了对 TypeScript 进行几天自信的改变。秘密是什么？ TypeScript 智能 IDE 支持改变了我们编写代码的方式。当您键入时，您的编辑器会了解您的整个代码库，并提供几乎神奇的建议。

工具生态系统非常出色，但并不是压倒性的。无论您使用的是 webpack、Vite 还是 esbuild，TypeScript 都可以正常工作。编译器消息就像与一位乐于助人的同事进行对话，而不是与 JavaScript 经常发生的神秘错误作斗争。当您犯错时，TypeScript 不仅会告诉您出了什么问题，还会定期建议如何修复它。

使用案例

想听一些令人难以置信的事情吗？ Microsoft 的 Office 365 是数百万人每天使用的套件应用程序，是使用 TypeScript 构建的；我惊呆了。这不仅仅是一种适用于小型项目的语言 - 它可以扩展到数百万行代码，同时保持开发顺利和可维护。

前端框架领域已被 TypeScript 改造。 Angular 完全接受了它，并使其成为一项要求。 React 开发人员，包括我自己，曾经持怀疑态度，现在认为 TypeScript 对于任何严肃的项目都是必不可少的。 Vue 3 用 TypeScript 进行的重写充分说明了该语言在构建可靠的用户界面方面的价值。

但真正让我兴奋的是：TypeScript 不再仅仅适用于浏览器。 Nest.js 等公司将 TypeScript 的优势带入服务器端开发。想象一下，在整个堆栈中拥有相同的“类型安全”和开发人员体验。它是全栈开发的游戏规则改变者。

金融技术领域尤其接受 TypeScript。当我了解到像 Bloomberg 和 Revolut 这样的公司在他们的 Web 平台上使用 TypeScript 时，我觉得这是完全有道理的。处理财务数据时，您不能承受运行时类型错误。 TypeScript 提供了这些应用程序所需的信心。

我使用多年的编辑器 Visual Studio Code 是用 TypeScript 编写的。最流行的开发工具之一是用它构建的，这证明了该语言的功能。该语言强大的类型系统使其成为解析、分析和操作代码所需的工具的完美选择。

结论

在我的 TypeScript 之旅中，我见证了它从“带有类型的 JavaScript”发展成为现代 Web 开发的重要工具。它结合了静态类型、出色的开发人员体验和无缝 JavaScript 集成，使其对于任何规模的项目都具有无价的价值。学习曲线一开始可能看起来很陡峭，尤其是在类型系统方面，但好处很快就会变得明显：更少的怪物错误、更好的工具和更易于维护的代码。

随着 Web 应用程序变得越来越复杂，团队规模越来越大，TypeScript 不仅是值得拥有的，而且正在成为必需品。无论您是构建小型个人项目还是大型企业应用程序，TypeScript 都能提供自信、高效的开发所需的元素和安全网。 Web 开发的未来是类型化的，而 TypeScript 正在引领脚本语言的发展方向。

这些只是几行代码，只是冰山一角。在接下来的几天里，我们将创建一个有关构建应用程序的分步教程，以帮助您更好地理解。