在构造函数angular 2中声明属性

时间:2016-07-05 20:02:36

标签: javascript angularjs typescript angular

我是一个刚刚登陆角度2的java程序员。在做官方教程时,我很惊讶地看到他们在构造函数中声明了这个属性而不是类的顶层。

我知道Java和JS是非常不同的,但在这样做之间是否有任何技术原因

  constructor(private router: Router ,private heroService: HeroService) {}

或者像这样

private router: Router
private heroService: HeroService

constructor( ) {}

1 个答案:

答案 0 :(得分:7)

虽然这个:

private router: Router
private heroService: HeroService

只声明类型为RouterHeroService的类的两个私有属性,

这个:

constructor(private router: Router, private heroService: HeroService) {}

注入Router(和HeroService)的实例,另外创建两个私有属性,并在一个语句中将注入的服务实例分配给这些属性。

为了更好地理解,这也是一样的:

private _router: Router;
private _heroService: HeroService;

constructor(router: Router, heroService: HeroService) {
    this._router = router;
    this._heroService = heroService;
}

使用“第一种方法”,您没有这些服务的实例。

Sidenote:providers: [Router, HeroService]你可能在Component Anntations中的某个位置只是给你的组件注入它们的可能性,但实际上并没有这样做,这就是为什么你可能最终注入它们始终通过constructor方法。