AngularJS Scope 继承解析

AngularJS中scope之间的继承关系使用JavaScript的原型继承方式实现。本文结合AngularJS Scope的实现以及相关资料谈谈原型继承机制。

基本原理

在JavaScript中，每创建一个构造函数（constructor），就会同时给该函数生成一个指向原型对象的属性 prototype 。每个原型对象又获得一个constructor属性指向相应的构造函数，原型对象的其他属性和方法从Object继承而来。每个通过构造函数创建的实例，都包含一个指向构造函数原型对象的内部属性 [[Prototype]] （在浏览器中通常实现为 __proto__ ）。构造函数、原型对象和实例三者的关系如下 （图片来源：《JavaScript高级程序设计（第3版）》）：

person1和person2为构造函数Person创建的两个实例，可以通过[[Prototype]]属性访问原型对象Person Prototype，获得原型中定义的所有方法和属性。Person构造函数的prototype属性同样指向Person Prototype原型对象。以上这些概念是理解原型继承的基础，下面我们来看 原型链 的概念。如果把一个类型的 实例 赋值给一个 原型 对象会发生什么？根据上图中的关系，此时的原型对象包含指向另一个原型的属性，而另一个原型中也包含着指向另一个构造函数的属性。效果如下图：