js原型链图解

参考《你不知道的JavaScript(上卷)》，按照自己理解做的对象关联关系图解，不保真。

细节重申

1. 对象通过原型链(__proto__)查找属性，一直到找到为止；
2. new 的主要作用是创建新对象，其__proto__指向函数的 prototype，以及关联this到新对象；
3. Object.create 创建新对象，并将其__proto__指向旧对象。

依图校验

function Foo(){}
a = new Foo()
b = new Foo()
c = Object.create(Foo)
d = {}

Foo.__proto__ === Foo.prototype // false
Foo.prototype === Foo.__proto__ // false
Foo.prototype === a.__proto__   // true
Foo.prototype === b.__proto__   // true
a.constructor === Foo           // true
a.constructor === Foo.prototype // false ，通过原型链找到constructor
c.prototype === Foo.prototype   // true ，通过原型链找到prototype
c.__proto__ === Foo             // true
Foo.__proto__ === Function.prototype    // true
Foo.__proto__ === Function.__proto__    // true
Foo.__proto__.constructor === Function  // true
Function.prototype === Object.__proto__ // true
Function.prototype === Object.prototype // false
Object.prototype === d.__proto__        // true
Object.prototype.__proto__ === null     // true