深入理解javascript原型和閉包（2）——函數和對象的關系

上文（理解javascript原型和作用域系列（1）——一切都是對象）已經提到，函數就是對象的一種，因為通過instanceof函數可以判斷。

var fn = function () { };
console.log(fn instanceof Object);  // true

對！函數是一種對象，但是函數卻不像數組一樣——你可以說數組是對象的一種，因為數組就像是對象的一個子集一樣。但是函數與對象之間，卻不僅僅是一種包含和被包含的關系，函數和對象之間的關系比較復雜，甚至有一點雞生蛋蛋生雞的邏輯，咱們這一節就縷一縷。

 

還是先看一個小例子吧。

        function Fn() {
            this.name = '王福朋';
            this.year = 1988;
        }
        var fn1 = new Fn();

上面的這個例子很簡單，它能說明：對象可以通過函數來創建。對！也只能說明這一點。

但是我要說——對象都是通過函數創建的——有些人可能反駁：不對！因為：

var obj = { a: 10, b: 20 };
var arr = [5, 'x', true];

但是不好意思，這個——真的——是一種——“快捷方式”，在編程語言中，一般叫做“語法糖”。

做“語法糖”做的最好的可謂是微軟大哥，它把他們家C#那小子弄的不男不女從的，本想圖個人見人愛，誰承想還得到處跟人解釋——其實它是個男孩！

話歸正傳——其實以上代碼的本質是：

        //var obj = { a: 10, b: 20 };
        //var arr = [5, 'x', true];

        var obj = new Object();
        obj.a = 10;
        obj.b = 20;

        var arr = new Array();
        arr[0] = 5;
        arr[1] = 'x';
        arr[2] = true;

而其中的 Object 和 Array 都是函數：

console.log(typeof (Object));  // function
console.log(typeof (Array));  // function

所以，可以很負責任的說——對象都是通過函數來創建的。

 

現在是不是糊塗了—— 對象是函數創建的，而函數卻又是一種對象——天哪！函數和對象到底是什么關系啊？

別着急！揭開這個謎底，還得先去了解一下另一位老朋友——prototype原型。

 

本系列文章不打算動輒幾千字的長篇大論，咱們小步快跑，不至於看的太乏味。

 

---------------------------------------------------------------------------

本文已更新到《深入理解javascript原型和閉包》的目錄，更多內容可參見《深入理解javascript原型和閉包》。

另外，歡迎關注我的微博。

學習作者教程：《前端JS高級面試》《前端JS基礎面試題》《React.js模擬大眾點評webapp》《zepto設計與源碼分析》《json2.js源碼解讀》