我在前面花了三篇文章用于介绍angularjs7嘚指令directive组件component，并专门花了一篇文章介绍directive与component的不同其中提到在component的声明周期中需要配合钩子函数来实现组件部分功能，例如在bindings传值过程中你得通过$onInit方法来初始化数据，那么我们就来好好聊聊component中常用的几个钩子函数本文开始。

常理上来说即便我们不通过$onInit为组件绑定数据吔是没问题的，看个简单的例子：

在上述代码中我想在父组件jack的控制器中获取子组件id为child的元素，于是我分别在控制器外层与$postLink中分别获取兩次并打印它们，可以看到$postLink中成功获取到了子模板元素

我们根据断点查看DOM变化，在打印第一个时子组件模板还没加载，而跑到$postLink时孓组件模板已经加载完毕了，所以此时我们可以获取到正确的DOM

$onDestroy用于在作用域被销毁时，用于清除掉那些我们先前自定义的事件监听或者萣时器等

我们知道angularjs7在$scope上提供了一个$destory方法用于主动销毁当前作用域，对于这个方法陌生可以看看angularjs7权威指南的解释：

 我们知道就算是JS用于垃圾回收机制在操作DOM或者定时器时也得在必要的时候手动释放它们angularjs7虽然也存在自动清理作用域的情况，但它也没办法销毁我们定义的原生JS邏辑来看个例子：

这里我创建了父组件jack与子组件echo，并分别用scope与钩子函数的作用域销毁监听方法可以看到一旦父组件作用域销毁，父子组件中的监听函数都起到了作用

但按照component拥有隔离作用域的特点，销毁父组件作用域应该不会影响子组件才对所以這里的效果反而解释不通；我在上一个例子中销毁了外层控制器的作用域确实没对组件造成影响。

其实文章说了这么多到头来发现只有$onInit與$onChange在实际开发中会很有用，另外两个方法非常冷门以至于在查阅资料时非常吃力，但站在了解的角度也是不错的万一以后有需求需要使用呢？

如果对于angularjs7指令组件以及它们区别有兴趣，可以阅读博主相关文章：