AngularJS Scope（作用域）

AngularJS Scope（作用域）

AngularJS，作为一个强大的前端框架，以其独特的双向数据绑定和依赖注入特性而闻名。在这些特性中，Scope（作用域）扮演着核心角色，它是模型（即数据）的基础，并负责在视图和控制器之间传递信息。

什么是Scope？

在AngularJS中，Scope是一个对象，它充当视图（HTML）和控制器（JavaScript）之间的胶水。Scope是表达式执行的上下文，是存储模型的地方。每当在视图中绑定一个表达式时，AngularJS会在相应的Scope中查找该表达式的值。

Scope的层级结构

Scope在AngularJS中是以层级树状结构存在的。这意味着根Scope可以有许多子Scope，这些子Scope又可以有自己的子Scope，依此类推。这种层级结构使得Scope可以继承父Scope的属性和方法，从而实现组件之间的数据共享和通信。

Scope的工作原理

当AngularJS应用启动时，它会创建一个根Scope，通常与ng-app指令关联。这个根scope是所有其他scope的祖先。每当一个新的控制器被创建时，AngularJS会为其关联一个新的scope。如果这个控制器是通过ng-controller指令在某个DOM元素内定义的，那么这个新的scope将成为该DOM元素及其所有子元素的scope。

双向数据绑定

AngularJS的双向数据绑定机制是通过Scope实现的。当模型（Scope上的属性）发生变化时，视图会自动更新以反映这些变化。同样，当视图中的输入发生变化࿰