DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript:new 一個函數和直接調用函數的區別分析
JavaScript:new 一個函數和直接調用函數的區別分析
編輯:關於JavaScript     
復制代碼 代碼如下:
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 函數中返回不同類型的值進行測試,可以證實這一點。  
  分清這一點,其實還是蠻重要的,至少在看一些面向對象的框架類庫代碼時,會少一些疑惑。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved