JavaScript原型与原型链解析-优快云博客

//Animal构造函数

  function Animal(name){
 
      this.name = name;
 
  }
 
  //Animal原型对象
 
  Animal.prototype = {
 
      id:"Animal",
 
      sleep:function(){
 
          alert("sleep");
 
      }
 
  }
 
  var dog = new Animal("旺才");
 
  alert(dog.name);//旺才
 
  alert(dog.id);//Animal
 
  dog.sleep()//sleep
 
首先明确一点[[prototype]]与prototype并不是同一个东西。
　　那先来看prototype,每一个函数对象都有一个显示的prototype属性,它代表了对象的原型，更明确的说是代表了由函数对象(构造函数)所创建出来的对象的原型。结合本例，Animal.prototype就是dog的原型，dog所引用的那个对象将从Animal.prototype所引用的对象那继承属性与方法。
　　每个对象都有一个名为[[Prototype]]的内部属性，指向于它所对应的原型对象。在本例中dog的[[prototype]]指向Animal.prototype，大家都知道，Animal.prototype也是一个对象，即然是一个对象，那它必然也有[[prototype]]属性指向于它所对应的原型对象，由此便构成了一种链表的结构，这就是原型链的概念。额外要说的是:不同的js引擎实现者可以将内部[[Prototype]]属性命名为任何名字，并且设置它的可见性，前且只在JS引擎内部使用。虽然无法在JS代码中访问到内部[[Prototype]](FireFox中可以，名字为__proto__因为Mozilla将它公开了)，但可以使用对象的 isPrototypeOf()方法进行测试，注意这个方法会在整个Prototype链上进行判断。