参考《你不晓得的 JavaScript(上卷)》,依照本人了解做的对象关联关系图解,不保真。
细节重申
- 对象通过原型链 (__proto__) 查找属性,始终到找到为止;
- new 的次要作用是创立新对象,其__proto__指向函数的 prototype,以及关联 this 到新对象;
- 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