Stories

Detail Return Return

js原型鏈圖解 - Stories Detail

參考《你不知道的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

js原型鏈圖解

Add a new Comments

Some HTML is okay.