公共或私有 - Angular 2组件类方法混淆

时间:2016-06-22 13:53:55

标签: angular typescript

我很难理解哪些方法应该是私有的,哪些方法应该在组件类中公开。

判断方法是公共的还是私人的似乎相当容易,例如:

export class MyServiceClass {
  private _cache = {}; // this value is private and shouln't be accessed from outside
  public accessCache(){ // it's public as it's an API method
    return this._cache;
  }
  public setCache(newVal){
     this._cache = newVal;
  }
}

遵循该逻辑,组件中的所有方法都应该是私有的,因为这些方法都不应该暴露在类之外。 (根据to that post组件及其视图是一个实体)

export class MyComponent {      
  private _getRandomNumbers(){ // this is used in view only
    /*..*/
  }
}

没有悲剧,但是在this video中,您可以了解到只有组件的公共方法才能进行单元测试。按照上面的说法,我找不到任何理由在组件类中使用公共方法,但我仍然有一些值得测试的方法(特别是在视图中使用的方法)。这意味着我完全失去了角度世界中私人和公共方法的含义。

所以我的问题很简单:

组件中的哪些方法应标记为公共和私有。

1 个答案:

答案 0 :(得分:4)

在组件类中,我会说,将所有内容设置为公共(如果没有访问修饰符,则默认为公共)。

在正常情况下,我们不会扩展组件类,因此,不需要访问修饰符,恕我直言。

有些情况下我们会继承一个组件。见component inheritance in Angular 2。但是,即使在这些情况下,也可能不需要访问修饰符。

...

export class MyComponent {
  // injected service as private
  constructor(private _randomSvc: RandomService) {} 

  getRandomNumbers(){ } // leave it as public

  @Input()
  myInput: string; // leave it as public

  @Output()
  myOutput; // leave it as public
}

记住Javascript本身没有访问修饰符。访问修饰符仅在开发期间适用(IDE)。虽然修饰符在某些情况下很有用,但我建议尽量减少使用它。