js中什么是原型链-木庄网络博客

本文摘自PHP中文网，作者anonymity，侵删。

每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含指向原型对象内部的指针。我们让原型对象的实例（1）等于另一个原型对象（2）,

此时原型对象（2）将包含一个指向原型对象（1）的指针，

再让原型对象（2）的实例等于原型对象（3），如此层层递进就构成了实例和原型的链条，这就是原型链的概念

原型链

每个构造函数都有原型对象，每个构造函数实例都包含一个指向原型对象的内部指针（proto），如果我们让第一个构造函数的原型对象等于第二个构造函数的实例，结果第一个构造函数的原型对象将包含一个指向第二个原型对象的指针，再然第三个原型对象等于第一个构造函数的实例，这样第三个原型对象也将包含指向第一个原型对象的指针，以此类推，就够成了实例于原型的链条，这就是原型链的基本概念

function One(){
 }
 function Two(){
 }
 function Three(){
 }
 Two.prototype=new One();
 Three.prototype=new Two();
 var three=new Three();
 console.log(three);
 console.log(three.__proto__===Three.prototype) //true
 console.log(three.__proto__.__proto__===Two.prototype) //true
 console.log(three.__proto__.__proto__.__proto__===One.prototype)  //true
 console.log(three.__proto__.__proto__.__proto__.__proto__===Object.prototype)  //true

在对象实例中，访问对象原型的方法

1、使用proto属性

此属性是浏览器支持的一个属性，并不是ECMAScript里的属性

2.Object.getPrototypeOf

3.使用constructor.prototype的方法

对于不支持proto的浏览器，可以使用constructor，访问到对象的构造函数，在用prototype访问到原型

使用原型链解释ANUGLAR作用域

在开发过程中，我们可能会出现控制器的嵌套，看下面这段代码：

<div ng-controller="OuterCtrl">
      <span>{{a}}</span>
       <div ng-controller="InnerCtrl">
          <span>{{a}}</span>
       </div>
   </div>
  <script>
  function OuterCtrl($scope) {
  $scope.a = 1;
  }
  function InnerCtrl($scope) {
  }
  </script>