JavaScript 是一种非常灵活且易于编写的语言，但其灵活性有时会在大规模开发过程中导致意想不到的错误。 “我将一个数字传递给了一个需要字符串的函数”或“我从 API 响应中访问了一个不存在的属性”——每个人都至少经历过一次这些错误。
在本文中，我们将使用问题与解决方案的方法来理解为什么 TypeScript 对于现代 Web 应用程序开发至关重要。
挑战：担心在执行之前不知道错误
用纯 JavaScript 编写的应用程序的最大弱点是代码中的错误只能在运行时发现。 除非您实际单击浏览器中的按钮或转到特定屏幕，否则您不会注意到该错误。这会导致开发过程风险极高，只有通过 QA 团队的测试遗漏或用户的缺陷报告才能发现错误。
###解决方案：称为“类型”的强大装甲
通过引入 TypeScript，这个问题将得到显着改善。 TypeScript 将“静态类型”的概念引入了 JavaScript。可以为变量、函数参数和返回值建立规则（类型），例如“这是一个字符串”或“这是一个具有特定结构的对象”。
这允许编辑器警告您，当您编写代码或构建代码时，您在此处传递的值是不同类型的。这意味着许多错误可以在发生之前预防。
###挑战：介绍学习成本和描述量
然而，有很多职场对于引入它犹豫不决，因为类型定义写起来麻烦，学习成本高。 诚然，一开始您可能会对“接口”、“类型”定义和泛型等不熟悉的概念感到困惑。编写的代码量也会暂时增加。
解决方案：压倒性的编辑器互补性和中长期生产力
然而，最初的投资可以很快收回。 TypeScript 与 VS Code 等现代编辑器具有很好的兼容性。定义类型允许编辑器完美地推断对象具有哪些属性，并提供强大的自动完成功能。
一旦您体验到只需按一个点即可建议下一个条目，而无需特意查看文档或规范，您将永远不会回头。即使在团队开发中，也可以安全地调用其他人编写的函数，从而降低沟通成本并提高开发速度。
而不是摘要
起初，您可能会觉得自己被迫遵守复杂的规则。然而，TypeScript 的类型系统并不约束开发人员；它是保护开发者免受 bug 恐惧的“盾牌”。 如果您想创建健壮且持久的 Web 应用程序，请尝试使用 TypeScript。