关于typescript：在Angular 2中的构造函数中声明服务实例

Declaring service instance inside constructor in Angular 2

我是新来的角度2和打字脚本，并试图了解DI。在我看到的所有代码中，我看到引用服务的变量都被输入到构造函数中。为什么会这样？为什么我们不能在构造函数外部而在类内部声明它呢？

请考虑以下英雄之旅的代码，例如在Angular网站上：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import { Component, OnInit } from '@angular/core';
import { Hero } from './hero';
import { HeroService } from './hero.service';

@Component({
moduleId: module.id,
selector: 'my-dashboard',
templateUrl: `dashboard.component.html`,
styleUrls: ['dashboard.component.css']
})
export class DashboardComponent implements OnInit {

heroes: Hero[] = [];

constructor(private heroService: HeroService) { }

ngOnInit(): void {
this.heroService.getHeroes()
.then(heroes => this.heroes = heroes.slice(1, 5));
}
}

如果我像下面这样在构造函数外部声明heroservice，应用程序会抛出许多错误。

1
2
3
4
5
6
7
8
9
10
11
12
13

export class DashboardComponent implements OnInit {

heroes: Hero[] = [];

constructor() { }

private heroService: HeroService;

ngOnInit(): void {
this.heroService.getHeroes()
.then(heroes => this.heroes = heroes.slice(1, 5));
}
}

据我所知，在构造函数外部编写它不会生成服务类HeroService的实例，但为什么呢？(是棱角分明的东西还是字体？)例如，Hero也是一个类(虽然不是服务类，但在技术上仍然是一个类！)，我方已在施工单位外申报了heroes: Hero[] = [];，并已生效。