Angular 4新手咨询：constructor与ngOnInit中调用initializeMyObj()的区别

嘿，作为刚接触Angular 4的新手，这个问题问得特别关键——毕竟Angular的生命周期钩子很容易搞混，我来给你掰扯清楚两者的核心区别：

1. 执行时机与所处阶段完全不同 #

Constructor（类构造函数） #

• 这是TypeScript/JavaScript本身的特性，不是Angular独有的。它在组件类被实例化的瞬间就会执行，早于Angular对组件的任何初始化操作。
• 此时Angular还没完成组件的属性绑定（比如@Input()传进来的值还没赋值到组件上），组件关联的DOM也还没开始渲染。如果你的initializeMyObj()依赖这些内容，在构造函数里调用肯定会出问题（比如拿到undefined或者DOM操作失败）。
• 唯一靠谱的是，构造函数里能拿到依赖注入的服务实例，但这也只是为了注入服务，不是用来做组件初始化的。

ngOnInit（Angular生命周期钩子） #

• 这是Angular专门为组件初始化设计的第一个生命周期钩子，会在Angular完成组件的属性绑定、依赖注入之后才触发。
• 到这个阶段，@Input()的属性已经有了正确的值，组件的基本状态也稳定了，完全适合执行像initializeMyObj()这类初始化逻辑。
• 从代码语义上来说，把初始化逻辑放在这里更清晰，其他开发者一看就知道这是组件准备就绪后要做的初始化操作，符合Angular的最佳实践。

2. 适用场景总结 #

• 如果你的initializeMyObj()只是单纯创建一个不依赖任何组件状态的对象（比如一个空的配置对象），在constructor里调用也能运行，但仍然更推荐放到ngOnInit里，保持代码的规范性。
• 如果initializeMyObj()需要用到组件的输入属性、DOM元素，或者依赖Angular的初始化状态，必须放在ngOnInit里调用，否则会出现各种意料之外的bug。

内容的提问来源于stack exchange，提问作者user3477485