angular - typescript - 变量声明

Question

我不确定这里是否适合这个问题，但有人告诉我代码审查不适合这个问题。

我刚开始学习 Angular 2 和 Typescript，所以我正在学习以下教程:

https://angular.io/docs/ts/latest/tutorial/toh-pt4.html

在第三和第四部分之间，app.component.ts 中的 heroes 变量的声明更改为:

export class AppComponent {
    heroes = HEROES;
}

到:

export class AppComponent {
    heroes: Hero[];
}

我知道第一个将它设置为英雄数组的常量，但为什么第二个使用冒号而不是将其设置为空数组？

将第二个更改为 = 实际上会引发表达式预期错误，所以基本上我只是想了解两者之间的区别。

Answer 1

heroes: Hero[];

没有将其设置为一个值。它只是定义了一个属性

• 姓名 = 英雄
• type = Hero[] 表示 Hero 的数组
• 没有分配一个保持默认值 null 的值。

初始化后看起来像

heroes: Hero[] = [new Hero('Spidey'), new Hero('Batman')];