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