DIV CSS 佈局教程網

或許許多人對此不以為然，在函數前加 new 關鍵字，不就是實例化一個對象嗎？但事情顯然沒那麼簡單   復制代碼 代碼如下:
function Test() {
this.name = 'Test';
return function() { return true; }
}

var test = new Test(); // 這裡的 test 是什麼？
是一個 Test 對象嗎？錯！這裡 test 是一個函數——Test 中返回的 function() { return true; }。這時，new Test() 等效於 Test()，注意，是等效於，不是等於，如果使用new Test() == Test() 判定兩者是否相等，則會返回 false，因為 Javascript  對於 Object 和 Function 的比較是基於引用的。
為了更清晰的分辨在上述情形下兩者間的區別，請繼續看以下代碼：

復制代碼 代碼如下:
function Test() {
this.name = 'Test';
return 'Test';
}
var fnT = Test();
var newT = new Test();

顯然，fnT 是字符串 Test，那 newT 呢？呵呵，是不是被第一個樣例迷惑了？其實，此時 newT 是一個 Test 對象——有一個名為 name 的屬性，其值為字符串 Test。
通過上面兩段代碼，我們可以得出一個猜測，如果函數返回值為常規意義上的值類型（Number、String、Boolean）時，new 函數將會返回一個該函數的實例對象，而如果函數返回一個引用類型（Object、Array、Function），則 new 函數與直接調用函數產生的結果等同。通過在 Test 函數中返回不同類型的值進行測試，可以證實這一點。　　
分清這一點，其實還是蠻重要的，至少在看一些面向對象的框架類庫代碼時，會少一些疑惑。