Angular生命周期执行的顺序是什么

-constructor【常用，不算钩子函数，但是很重要】
-ngOnChanges【常用】
-ngOnInit【常用】
-ngDoCheck
-ngAfterContentInit
-ngAfterContentChecked
-ngAfterViewInit【常用】
-ngAfterViewChecked
-ngOnDestroy【常用】

classPerson{
constructor(name){
console.log('becalled')
this.name=name;
}
}

letjimmy=newPerson('jimmy');//becalled

//app.component.ts
exportclassAppComponentimplementsOnInit,OnChanges{

constructor(){
console.log('1.constructor')
}

ngOnChanges(){
console.log('2.ngOnChanges')
}

ngOnInit(){
console.log('3.ngOnInit')
}
}

//app.component.ts
//AppComponent类中添加属性
publiccount:number=0;

count:{{count}}

//demo.component.ts
exportclassDemoComponentimplementsOnInit,OnChanges{

@Input()
publiccount:number;

constructor(){
console.log('1.democonstructor')
}

ngOnChanges(){
console.log('2.demongOnChanges')
}

ngOnInit(){
console.log('3.demongOnInit')
}

}

parentbutton

//app.component.ts
parentDemo(){
this.count++;
}

//demo.component.ts

ngDoCheck(){
console.log('4.demongDoCheck')
}

//demo.component.ts

ngAfterContentInit(){
console.log('5.demongAfterContentInit');
}

//demo.component.ts

ngAfterContentChecked(){
console.log('5.demongAfterContentChecked');
}

//demo.compoent.ts

ngAfterViewInit(){
console.log('7.demongAfterViewInit');
}

//demo.component.ts

ngAfterViewChecked(){
console.log('8.ngAfterViewChecked')
}

hidedemocomponent

//app.component.ts
publicshowDemoComponent:boolean=true;

免费云主机、域名hideDemo(){
this.showDemoComponent=false
}

//demo.component.ts
ngOnDestroy(){
console.log('9.demongOnDestroy')
}