在角度2中编写到ES5的Typescript

时间:2017-12-15 09:43:25

标签: javascript angular typescript

我是角度2的新手并且正在研究Typescript,以便在角度2中构建简单的应用程序。

我发现我们可以使用类和脚本的类,接口,模块等来构建应用程序。

但据我研究javascript,我知道javascript不支持类,接口,模块等。

下面显示了我在学习期间遇到的一些概念。

接口

接口用于类型检查对象是否适合某个结构。通过定义一个接口,我们可以命名一个特定的变量组合,确保它们永远在一起。

“当转换为JavaScript时,接口消失 - 它们的唯一目的是帮助开发阶段。” 在下面的示例中,我们定义了一个简单的接口来检查函数的参数:

enter image description here

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

enter image description here

在构建大型应用程序时,许多开发人员都倾向于使用面向对象的编程风格。

TypeScript提供了一个类系统,包括继承,抽象类,接口实现,setter / getter等。“

这是一个班级

enter image description here

模块

模块可以导出任意数量的函数,类或变量。默认情况下,对象以其原始名称导出。如果需要,我们可以改变它。模块也可以具有默认导出成员。

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

enter image description here

正在将打字稿编译成javascript,这些类,接口,模块等是如何发生的?

1 个答案:

答案 0 :(得分:1)

请阅读精细手册,例如, https://www.typescriptlang.org/docs/handbook/interfaces.html

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