一張圖理解 JS 中的原型鏈

下圖表示了構造函數、原型、實例對象之間的關係：

上圖是根據下面的一些知識點和總結畫出來的：

1. 全部的函數（不論是構造函數仍是普通函數）都默認有一個 prototype 屬性，表示該函數的原型對象，且該原型對象都默認有一個 constructor 屬性，這個屬性指向擁有該原型對象的函數，以下有幾個例子：

Object === Object.prototype.constructor;            // true
Function === Function.prototype.constructor;        // true
Foo === Foo.prototype.constructor;                  // true
複製代碼

2. 全部的對象都有一個內部屬性 __proto__（[[Prototype]]），指向該對象的原型對象，由於在 JS 中是以對象爲原型建立、實例化一個對象的。一般，對象內部屬性 __proto__ 與構造該對象的函數的 prototype 屬性的指向是一致的，下面也有幾個例子：

obj.__proto__ === Object.prototype;         // true
fn.__proto__ === Function.prototype;        // true
foo.__proto__ === Foo.prototype;            // true
複製代碼

3. 全部函數的內部屬性 __proto__ 都指向構造函數 Function 的原型對象（Function.prototype），由於全部函數都是 Function 構造函數構造出的實例對象，既然它是對象，就擁有內部屬性 __proto__。有意思的是 Function 構造函數的屬性 __proto__ 也是指向 Function.prototype，幾個例子以下：

Object.__proto__ === Function.prototype;        // true
Function.__proto__ === Function.prototype;      // true
Foo.__proto__ === Function.prototype;           // true
複製代碼

4. 全部原生引用類型（有 Function、Array、Number、String、Boolean、Date、RegExp 和 Error）和自定義引用類型（如圖中的 Foo）的默認原型對象的屬性 __proto__ 都是指向 Object.prototype；而原生引用類型 Object 的默認原型對象的屬性 __proto__ 則是指向 null。

Object.prototype.__proto__ === null;                    // true

Function.prototype.__proto__ === Object.prototype;      // true
Array.prototype.__proto__ === Object.prototype;         // true
Number.prototype.__proto__ === Object.prototype;        // true
String.prototype.__proto__ === Object.prototype;        // true
Boolean.prototype.__proto__ === Object.prototype;       // true
Date.prototype.__proto__ === Object.prototype;          // true
RegExp.prototype.__proto__ === Object.prototype;        // true
Error.prototype.__proto__ === Object.prototype;         // true

Foo.prototype.__proto__ === Object.prototype;           // true
複製代碼