[[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函数。