AngularJS生命周期各阶段具体执行顺序和作用是什么？

AngularJS的生命周期是理解其工作机制的核心,它描述了AngularJS应用从初始化到销毁的完整过程，掌握生命周期有助于开发者优化性能、避免内存泄漏，并更好地组织代码逻辑，以下是AngularJS生命周期的详细解析，分为初始化、运行和销毁三个主要阶段。

初始化阶段（Bootstrap Phase）

初始化阶段是AngularJS应用启动的过程,核心是将DOM与AngularJS框架连接起来。

1. 加载阶段：浏览器解析HTML文件，遇到ng-app指令时，自动启动AngularJS应用。ng-app指令定义了应用的根作用域（$rootScope），并标记了需要被AngularJS管理的DOM区域。
2. 依赖注入：AngularJS通过依赖注入（DI）机制创建核心服务（如$http、$scope）和控制器，开发者通过模块（module）声明依赖，AngularJS负责实例化和注入这些依赖。
3. 编译阶段：AngularJS遍历DOM，编译带有指令（如ng-model、ng-repeat）的元素，编译过程分为两个子阶段：
   • 编译（Compile）：遍历DOM，生成指令的编译函数，处理模板转换。
   • 链接（Link）：将编译后的DOM与作用域关联，建立数据绑定关系，链接阶段分为预链接（pre-link）和后链接（post-link），前者用于在子元素链接前执行逻辑，后者用于在子元素链接后执行逻辑。

运行阶段（Runtime Phase）

运行阶段是AngularJS应用处理用户交互和数据更新的核心阶段,主要围绕作用域和数据进行。

1. 数据绑定与digest循环：

   

   • 当数据在作用域中发生变化时（如用户输入、异步回调），AngularJS会触发$digest循环。
   • $digest循环从$rootScope开始，递归检查所有子作用域中的表达式是否变化，如果检测到变化，则触发相应的更新，直到所有表达式稳定或达到循环上限（默认10次，避免无限循环）。
   • 双向数据绑定（如ng-model）和单向绑定（如）均依赖此机制实现。

2. 事件处理：

   • AngularJS扩展了浏览器原生事件,如ng-click、ng-submit，这些事件在作用域上触发，而非DOM元素。
   • 事件冒泡机制遵循作用域层级,子作用域的事件会向上冒泡到父作用域，直到$rootScope。

3. 作用域继承与销毁：

   • 作用域通过原型链继承,子作用域可访问父作用域的属性。
   • 当作用域不再需要时（如路由切换、元素移除），AngularJS会触发$destroy事件，释放相关资源，避免内存泄漏。

销毁阶段（Teardown Phase）

销毁阶段是AngularJS应用关闭时的清理工作,确保资源被正确释放。

1. 作用域销毁：当控制器或指令的作用域被销毁时，会触发$destroy事件，开发者可通过$scope.$on('$destroy', callback)执行清理逻辑，如取消定时器、解除事件监听等。
2. 模块销毁：手动调用angular.element(document).injector().destroy()可销毁整个应用，释放所有依赖和资源。

生命周期中的关键指令与事件

以下表格总结了AngularJS生命周期中的核心指令和事件：

AngularJS的生命周期是一个有序且可预测的过程,从初始化的DOM编译与依赖注入，到运行时的数据绑定与事件处理，再到销毁时的资源清理，每个阶段都为开发者提供了干预和优化的机会，深入理解生命周期，能够帮助开发者编写更高效、更健壮的AngularJS应用。