原型和原型链

原型和原型链

原型：JavaScript中,一共有两种类型的值,原始值和对象值.每个对象都有一个内部属性[[prototype]],我们通常称之为原型.原型是一个对象，其他对象可以通过它实现属性继承。

原型链：原型的值可以是一个对象,也可以是null.如果它的值是一个对象,则这个对象也一定有自己的原型.这样就形成了一条线性的链,我们称之为原型链

Prototype和_proto_的区别：

 

 

Prototype是函数才拥有的属性。

 

_proto_是每个对象都有的属性，但_proto_不是一个规范的属性，只有部分浏览器实现了此属性。

大多数情况下，_proto_可以理解为“构造器的原型”.

_proto_===constructorl.prototype（通过Object.create()创建的对象，不适用此等式。）

 

由于_proto_是任何对象都有的属性，而js里万物皆为对象。所以会形成一条_proto_链接起来的链条，递归访问_proto_必须最终到头，并且值是null。

当js引擎查找对象的属性时，先查找对象本身是否存在该属性，如果不存在，会在原型链上查找，但不会查找自身的prototype。

例子：

var A=function(){}

var a=new A();

console.log(a._proto_)//A {} 构造器function A的原型对象。

console.log(a._proto_._proto_); Object{}

console.log(a._proto_._proto_);//null

图示解析：

                     

_proto_的指向取决于对象创建时的实现方式。

1、        字面量方式

var a={};

var a={};

a._proto_   //object {}

a._proto_ === a.constructor.prototype(true)

 

2、        构造器方式

var  A=function(){}

var  a=new A();

 

var A=function(){};

var a=new A();

a._proto_   //A {}

a._proto_ === a.constructor.prototype(true)

3、        Object.create方法

var a1={};

var a2=Object.create(a1)

 

var a1={a:1;};

var a2=Object.create(a1);

a2._proto_//Object {a:1}

a2._proto_===a2.constructor.prototype(false)