函數的原型鏈結構

函數原型鏈

任意的一個函數，都是至關於Function的實例。相似於{}與new Object()的關係。

• 函數應該有什麼屬性？__proto__

  • 把函數當作構造函數來看，關注其prototype屬性
  • 把函數當作對象來看，關注其__proto__屬性
  • 這兩個屬性的切入點是不同的
• 函數的構造函數是什麼？Function
• 函數應該繼承自Function.prototype
• Function.prototype繼承自Object.prototype

繪製函數的構造原型實例結構

• 原型也是對象，因此原型對象中也存在__proto__屬性，原型對象的__proto__屬性指向Object原型對象

  

• Object.prototype的原型是null

  

• Object構造函數是函數，一切函數在Function構造函數面前都是對象

  • Object構造函數是Function構造函數的實例對象
  • Object做爲對象是繼承自Funtion.prototype的，又Function.prototype繼承自Object.prototype

    

繪製Function的構造原型實例的三角形結構

Function是構造函數，全部的函數是Function構造函數的實例，構造函數也是函數，因此全部的構造函數也是Function構造函數的實例，因此Function便是構造函數，也是實例，因此Function是本身的構造函數，是它本身創造了本身

因爲Function是本身的構造函數也是本身的實例，因此Function構造函數中既有prototype屬性也有__proto__屬性。

繪製Function與Object的關係

• Function構造函數的prototype屬性指向Function.prototype原型對象，Function.prototype原型對象的原型是Object原型對象
• Object構造函數的構造函數是Function構造函數，也就是Function構造函數實例化了Object構造函數，因此Object構造函數做爲對象來講，它自己也有__proto__屬性，指向了Function.prototype原型對象（曲線）
• 在JavaScript中，最牛的Function構造函數（函數的老大）的原型對象都要繼承自Object原型對象；最牛的Object構造函數（對象的老大）都是由Function構造函數建立出來的

結論

• 在JavaScript中任何對象的老祖宗就是Object.prototype
• 在JavaScript中任何函數的老祖宗就是Function.prototype
• 因爲Function.prototype繼承自Object.prototype，因此任何函數的老祖宗也是Object.prototype（此條結論是推導出來的，主要記上面兩條結論）

規則雜談

• 若是在代碼中但願給全部的對象都提供一個方法，那麼就給Object.prototype對象添加一個方法
• 若是但願給全部的函數都提供一個方法，那麼就給Function.prototype對象添加一個方法