彻底理解原型和原型链
原型是什么?
先来说一下构造函数,构造函数的作用就是创建和初始化一个对象。通过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