Angular 需要一个结构来遵循？答案

【问题标题】：Angular needs a structure to follow?Angular 需要一个结构来遵循？
【发布时间】：2017-12-14 21:16:10
【问题描述】：

我正在关注https://angular.io/tutorial/toh-pt2 教程来了解 Angular。显然，如果“Hero”类和“const HEROES”数组不在“@Component”部分之上，则应用程序无法运行。这背后有什么原因吗？是否有需要遵循的结构？

【问题讨论】：

标签： angular

【解决方案1】：

Javascript 从上到下解析。因此，当组件内部引用常量HERORES 或类Hero 时，Javascript 引擎必须已经知道它们。否则它无法识别它们并引发错误。

// ok
var name = 'Anna';
console.log(name);

// error: what's 'name'?
console.log(name);
var name = 'Anna'

这不是 Angular 特有的问题。

【讨论】：

啊啊啊！谢谢你。但是，那么制作一个或多个“英雄”课程有什么意义呢？它们必须放在“AppComponent”类之前吗？或者仅仅是因为在这种特殊情况下创建的 const ？
类的意义在于使代码具有可扩展性，因此您不必在每次需要使用放在该类中的功能时都重新编写它。查看面向对象编程的介绍。至于您的第二个问题，如果常量/类在同一个文件中，则需要先定义它才能使用它。否则，如果它在另一个文件中，则需要在组件文件的顶部导入 in （您的方式import {Component} from '@angular/core
非常感谢。将混乱整理到相当数量。但是关于“Hero”类，即使我将它放在“AppComponent”类之后，代码也会运行，前提是没有 const。