JavaScript-[[prototype]]的另外一种理解

[[prototype]]简介

javascript 中每个对象都会有一个特殊的内置属性[[prototype]]，这个就是对其余对象对引用。有了这个做为基础去关联其余对象，就能理解继承机制。Chrome浏览器下，咱们能够经过xxObj.__proto__去访问这个[[prototype]]

注意，[[prototype]]与prototype不同。任何一个对象都有[[prototype]],只有function才有prototype属性

[[prototype]]从哪里来

看以下例子

function Foo(){ } var a = new Foo(); console.log(a.constructor === Foo.prototype.constructor); // true console.log(a.__proto__ === Foo.prototype); // true 

本例子a 实例的__proto__ 和 constructor 在new操做的时候象默认生成的吗？

答案不是。

实际上的__proto__ 和 constructor 并不存在a这个实例上，它跟其余的函数，好比toString，isPrototypeOf同样，内置在Object中，并且这些方法属性不可枚举。

咱们能够换一个方式理解__proto__

Object.defineProperty(Object.prototype,"__proto__",{ get: function(){ return Object.getPrototypeOf(this); }, set: function(o){ Object.setPrototype(this,o); } }) 

所以，当一个对象实例，例如a, a.__proto__就调用了a.__proto__()这个方法，也就是调用getter函数。