javascript - 以 Angular 2 将 Typescript 编译为 ES5

Question

我是 Angular 2 的新手，正在学习 Typescript 以便在 Angular 2 中构建简单的应用程序。

而且我发现我们可以通过 typescript 使用类、接口(interface)、模块等来构建应用程序。

但据我学习 javascript 的知识，我知道 javascript 不支持类、接口(interface)、模块等。

下图是我在学习过程中遇到的一些概念。

接口(interface)

接口(interface)用于类型检查对象是否适合特定结构。通过定义接口(interface)，我们可以命名特定的变量组合，确保它们始终在一起。

“当翻译成 JavaScript 时，界面就消失了——它们的唯一目的是在开发阶段提供帮助。”在下面的示例中，我们定义了一个简单的接口(interface)来对函数的参数进行类型检查:

“属性的顺序无关紧要。我们只需要存在所需的属性并且是正确的类型。如果缺少某些内容、类型错误或命名不同，编译器会警告我们。 "

类

在构建大型应用程序时，面向对象的编程风格是许多开发人员的首选。

TypeScript 提供了一个类系统，包括继承、抽象类、接口(interface)实现、setter/getter 等。"

这是一个类

模块

一个模块可以导出任意数量的函数、类或变量。默认情况下，对象以其原始名称导出。如果需要，我们可以更改此设置。一个模块也可以有一个默认的导出成员。

以下代码片段显示了不同导出语句的示例:

随着 typescript 被编译为 javascript，这些类、接口(interface)、模块等是如何发生的？

Answer 1

请阅读 The Fine Manual，例如从与 https://www.typescriptlang.org/docs/handbook/interfaces.html

另外，编写一个小的 v1.ts 源文件，编译它，并读取生成的 JS 输出代码。然后添加一个小的编辑来创建 v2.ts，编译它，并使用 /usr/bin/diff -u 来注意 v1 和 v2 输出之间的变化。