javascript - 何时使用构造函数以及何时使用 OnInit

Question

所以我一直在阅读 Angular 2，有两种方法可以做同样的事情，但我不知道它是否存在根本区别。

考虑以下问题

构造器

export class MyComponent {
  myAge: number;

  constructor(){
   this.myAge = 24;
  }
}

初始化

export class MyComponent implements OnInit{
  myAge: number;

  ngOnInit(): any {
    this.myAge = 24;
  }
}

Answer 1

第一个与类实例化有关，与Angular2无关。我的意思是构造函数可以用于任何类。可以在里面对新建的实例进行一些初始化处理。

第二个对应Angular2组件的生命周期钩子(Hook):

• ngOnChanges 在输入或输出绑定(bind)值更改时调用
• ngOnInit 在第一个 ngOnChanges
之后调用

因此，如果初始化处理依赖于组件的绑定(bind)(例如使用 @Input 定义的组件参数)，我将使用 ngOnInit，否则构造函数就足够了。 .

在您的情况下，使用构造函数就足够了。