了解Angular 4中的typescript语法

Question

我是Angular 4和Typescript的新手.我遵循Angular.io网站上提供的"Angular-tour-of-heroes"教程.由于Angular 4使用typescript来定义组件等,我想了解更多关于typescript的内容,所以我在互联网上寻找文档.当我阅读' http://devdocs.io/typescript/ '上提供的打字稿文档时,我感到更加困惑.当我比较文档和Angular代码中给出的语法时,我发现了很多不同之处.

1)函数使用'function'关键字声明,但在Angular中,函数不使用'function'关键字声明.

2)在文档中使用'let'关键字声明类型,但在Angular中没有'let'关键字.

这样有很多不同之处.所以,我很困惑在哪里寻找TypeScript的文档(以及为什么Angular使用不同的语法.

Answer 1

"1)函数用'function'关键字声明,但在Angular中,函数不是用'function'关键字声明的."

Angular基于类(ES6特性),每个Angular组件都是一个类.在内部类中,您不需要function关键字来声明方法,您可以只编写yourMethod() {//do stuff}它,它将是一个有效的语法.

"2)在文档中使用'let'关键字声明类型,但在Angular中没有'let'关键字."

let并且const也是ES6功能,它们与常规类似,var但有一些差异.在Angular中,您通常在方法或外部类中使用这些关键字,因此它们就在这里,您还没有看到它们.

"为什么Angular使用不同的语法"

没有区别:Angular写在Typescript上,并且不要忘记Angular - 是一个框架,使用Angular进行开发与使用常规Javascript或Typescript进行开发不同,但如果您了解ES6和Typescript - 它不会了解Angular组件中通常发生的事情是一件非常重要的事情.

所以我的建议是:

1.学习ES6

2.学习打字稿

然后开始学习Angular.