彻底理解原型和原型链

彻底理解原型和原型链

原型是什么？

先来说一下构造函数，构造函数的作用就是创建和初始化一个对象。通过new来创建一个实例，由构造函数创建的实例与实例之间是相互独立的。
每个构造函数都会有一个prototype属性，它相当于一个指针，指向另外一个对象，这个对象就可以给所有实例共享它的属性和方法，所以说，原型对象就是用来给实例共享自己的属性和方法的。每个实例内部都会有一个指向原型对象的指针(proto)。而原型对象的constructor也会指向构造函数。

    function Person() {
        
    }
    Person.protptype.name = 'XJ';
    var person = new Person();
    console.log(person.__proto__ === Person.prototype)//true
    console.log(Person.prototype.constructor===Person)//true

那原型的原型是什么？

在javascript中，一切都是对象，其实原型对象也就是通过Object构造函数
创建的一个对象。上面已经说过，每个实例都会有一个指针(proto)指向构
造函数的prototype。以上面那个例子来说，在这里Person.protptype就相当
于是Object构造函数的一个实例了，那么Person.protptype的_proto_就会
指向Object.prototype。

什么是原型链？

关于原型链，js红宝书中这样说到：

假如我们让原型对象等于另一个类型的实例，显然，此时的原型对象将包含一个指向另一个原型的指针，
相应地，另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例，
那么上述关系依然成立。如此层层递进，就构成了实例与原型的链条。这就是所谓的原型链的基本概念。

举个例子来说：

每个构造函数都有一个原型对象，每个实例又都有一个指针(proto)来指向原型对象，
如果让Two的原型等于One的实例，再让Three的原型等于Two的实例，
这样Three的实例也有了指向One.prototype的指针，当我们在构造函数3的实例中
访问一个属性或者方法时，会先在对象自身进行查找，如果没有则会在Three.prototype
中查找，如果还没有找到就会去原型的原型（Two.prototype）中查找,如果还没有，则会到
One.prototype中查找，就这样，直到找到Object对象的原型为止（Object对象没有原型，会返回null）

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