TypeScript 如何改变你的生活

JavaScript 现在是最常用的编程语言之一，它的功能非常强大。
但它并不总是足够严格。它赋予我们很大的自由度，这有时正是我们所需要的。
但对于大型应用程序来说，这并非理想之选，因为随着时间的推移，我们可能会破坏其中的某些部分。

例如，数据库中可能有一个变量，它原本应该是一个数字，但有一天它却返回了一个字符串形式的数字，例如'123'。

这或许不是世界末日，但假设你正在用它进行计算，并且一直期望得到一个数字，所以你没有以任何方式解析它。

这正是 TypeScript 会警告你值未正确定义的地方。

那么，TypeScript 是什么？

TypeScript 是 JavaScript 的超集，它提供了静态类型、类和接口。

使用这些工具的好处在于，我们的 IDE 可以给我们带来更好的开发体验，因为它们会告诉我们某些函数/变量的预期结果。

TypeScript 会在你的代码运行之前运行，确保你的代码类型正确。

例如，我们来看一个例子：

let demo: number;
demo = 'string';

我们将 let 创建为一个number类型，因此将其赋值为字符串值是错误的，TypeScript 会提示我们这一点。

需要记住的一点是，TypeScript 不会改变你的输出代码。

最终，您的输出将是纯 JavaScript 代码，但我们已确保变量和类型完全符合预期。

你可以把它比作…… SASS/SCSS。这是一种不同的 CSS 编写方式，但结果仍然是纯 CSS。

如何开始

在深入学习 TypeScript 之前，我建议先熟悉一下 TypeScript。我将在接下来的文章中讲解它的基础知识。

但让我们先来初步了解一下从 JavaScript 过渡到 TypeScript 需要哪些条件。

我们需要将现有.js文件转换为.ts文件格式。

然后我们需要一个 TypeScript 编译器将这些文件再次转换.ts为普通.js文件。

TypeScript 编译器名为tsc。
我们可以通过安装以下软件包来安装它。

npm install -g typescript

完成后，我们可以运行程序tsc file.ts来检查该特定文件。

此命令将判断我们的 TypeScript 代码是否有效，并以相同名称输出一个.js文件。

让我们像之前讨论的那样，添加一段输入错误的代码：

let myName: string;
myName = 123;
console.log(`Hello ${myName}`);

如果现在尝试编译这段代码，我们会得到以下错误。

但是，该index.js文件仍然是用转换后的 JavaScript 版本生成的。

这是因为，归根结底，TypeScript 的目的是帮助我们，但它会假定我们知道自己在做什么。
它已经警告过我们一些问题，而如何处理这些问题则取决于我们自己。

但是，您可以使用标志告诉它在出现错误时不要编译--noEmitOnError。

接下来会发生什么？

现在我们大致了解了 TypeScript 是什么以及它的作用，接下来我们能做什么呢？

接下来的几篇文章，我们将介绍 TypeScript 的基础知识。

• 类型
• 接口
• 函数
• 还有更多

如果您有兴趣和我一起学习 TypeScript，请密切关注即将发布的文章🙌。

感谢阅读，让我们保持联系！

感谢您阅读我的博客。欢迎订阅我的电子邮件简讯，也可以在Facebook或Twitter上关注我。