調用Javascript工廠方法

Question

我正在學習面向對象的Java腳本。我有以下Factory Method的代碼。

function Foo() { 
    var value = 1; 
    return { 
     method: function() { 
      return value; 
     }, 
     value:value 
    } 
} 
Foo.prototype = { 
    bar: function() {} 
}; 

new Foo(); 
Foo(); 

方法Foo可以通過兩種方式調用。 new Foo();或Foo();兩者都做同樣的事情和輸出是相同的。 java腳本處理的實際區別是什麼？

Answer 1

在正常情況下，應該new從創建一個構造函數對象時使用，並回避執行任何其他功能時，呼叫。在函數上使用new時1）創建一個新對象; 2）函數被調用，綁定到該新對象的值爲this，以及3）函數返回的值（默認值）是在第1步中創建的對象。

但是，在你的情況下，你從上面的「構造函數」（不同於上面的對象）返回一個全新的對象），這意味着沒有實際的區別。的this值將仍然是裏面的功能不同，但是這兩個將返回false：

new Foo() instanceof Foo; 
Foo() instanceof Foo; 

爲了說明this差，添加以下Foo：當叫

alert(this instanceof Foo) 

與new這提醒true;當沒有它時被呼叫，false。

此外，還有在分配一個對象Foo.prototype，因爲你永遠不會創建一個能夠利用它（因爲，再一次，你回來的東西從Foo完全不同）的Foo任何情況下，沒有任何意義。

如果你要從Foo返回一個自定義對象，那麼你應該更喜歡沒有new的版本;無論如何，如果您要忽略它並返回完全不同的東西，那麼創建Foo的新實例就毫無意義。

Answer 2

這裏是一個偉大的鏈接：

Is Javascript "new" considered harmful?

參見：

http://phabricator.com/docs/phabricator/article/Javascript_Pitfalls.html

但在這裏是最好的鏈接（和，真的，在回答你的問題：

http://www.crockford.com/javascript/inheritance.html

JavaScript是一種無類別的面嚮對象語言，因此它使用原型繼承而不是經典繼承。這可以 是令人費解的，以傳統的面嚮對象語言 像C程序員的培訓++和Java ...

Answer 3

函數中的javascript new關鍵字很奇怪。最好的（只有？）深入解釋我已經能夠找到的事情實際上是Daniel Howard的this SO answer。

對於任何想學習一些更高級的Javavscript概念的人來說，都應該要求閱讀。

順便說一句，你可以得到真的遠在js永遠不會使用新的關鍵字。注意基本上沒有任何使用jQuery的代碼依賴於它。

Answer 4

因爲您從Foo返回對象，所以使用new不起作用。 Foo()和new Foo()的返回值將爲而非爲Foo的實例;相反，它們將是您返回的任何值的類型的實例。

如果從構造函數中返回任何†對象或任何函數，則會看到相同的行爲。 然而，如果Foo是返回：

• 的字符串
• 一些
• null
• undefined（同什麼都沒有返回）
• 或this

...然後是的返回值將是Foo的實例。

您可以測試出下面的代碼上JSFiddle：

function ReturnsString() { return "string"; } 
function ReturnsNumber() { return 1; } 
function ReturnsNull() { return null; } 
function ReturnsUndefined() { return void 0; } 
function ReturnsThis() { return this; } 
function ReturnsFunction() { return function() {}; } 
function ReturnsObject() { return {}; } 

alert("Results:" 
    + "\nReturnsString: " + (new ReturnsString() instanceof ReturnsString) 
    + "\nReturnsNumber: " + (new ReturnsNumber() instanceof ReturnsNumber) 
    + "\nReturnsNull: " + (new ReturnsNull() instanceof ReturnsNull) 
    + "\nReturnsUndefined: " + (new ReturnsUndefined() instanceof ReturnsUndefined) 
    + "\nReturnsThis: " + (new ReturnsThis() instanceof ReturnsThis) 
    + "\nReturnsFunction: " + (new ReturnsFunction() instanceof ReturnsFunction) 
    + "\nReturnsObject: " + (new ReturnsObject() instanceof ReturnsObject) 
); 

的ReturnsFunction和ReturnsObject構造均會顯示一個false結果，這意味着與new運營商使用的時候不返回instanceof自己。

所有其他構造函數do與new運算符一起使用時會自行返回instanceof本身。

†除this，正如我上面提到