JavaScript中的新功能 - 這是什麼意思？

考慮下面的代碼：JavaScript中的新功能 - 這是什麼意思？

var f = function() { return 10; } 
typeof f;       // returns "function" 
f();        // returns 10 

var g = f; 
g();        // returns 10, obviously 

var h = new f; 
h;        // console evaluates to f - ???? 
h();        // Type error - called_non_callable 
typeof h;       // returns "object"

那麼，什麼是h這裏？ Chrome控制檯似乎將其評估爲f，但無法調用。「新」這樣的功能意味着什麼？現在h與f有什麼關係？

順便說一句，這兩條線似乎相當於：

var h = new f; 
var h = new f();

是什麼回事？

來源

2011-09-08 Mike Chamberlain

可能重複的[JavaScript中的'new'關鍵字是什麼？]（http://stackoverflow.com/questions/1646698/what-is-the-new-keyword-in-javascript） –

混淆的根源在於Chrome在其控制檯上表示對象的方式。

在你的實施例中的表達new f()被表示爲在Chrome的控制檯輸出「f」，但正如該特定控制檯的一個單純的「方便」，例如，記錄下列對象：

({constructor: function Foo(){}});

將顯示它表示爲「Foo」。基本上控制檯試圖找到表示其構造函數您的對象是實例。

因此，控制檯顯示爲f，但您未記錄該功能，new運算符會生成一個繼承自f.prototype的對象。

你從函數返回10，但既然你用new調用它，返回類型是原始，該值將被丟棄，新創建的對象繼承返回的形式f.prototype。

例如：

var F = function() { return 10; }; 
F.prototype.inherited = 'foo'; 

var h = new F(); // the 10 returned is ignored 
h instanceof F; // true 
h.inherited; // "foo"

在另一方面，如果你從一個構造函數的對象實例的new運營商創建scened後面（從構造函數的原型繼承）返回一個對象將丟失，例如：

var F = function() { return {}; }; 
F.prototype.inherited = 'foo'; 

var h = new F(); // the empty object is returned 
h instanceof F; // false 
h.inherited; // undefined

是，new f;和new f();是完全等價的，儘管人們推薦使用括號加清晰，你的代碼。

來源

2011-09-08 07:49:45 CMS

其中一個最好的對SO的解釋！感謝您保持簡單。 – demisx

基本上，new關鍵字調用f作爲新對象的構造函數。第一個回答這個問題，在計算器上，概括起來相當不錯：

What is the 'new' keyword in JavaScript?

來源

2011-09-08 07:43:33

這是面向對象在JavaScript中是如何工作的。如果你在一個函數上調用new，這個函數將被視爲它是一個類的構造函數（關鍵字class定義一個類似於其他語言的類在js中不存在）。

所以調用var h = new f();使h成爲類f的對象，並且對象本身不可調用（這就是爲什麼你得到called_non_callable）。

如果你想給你的「類」一些methots

，你應該這樣做是這樣的：

function cat(name) { 
    this.name = name; 
    this.talk = function() { 
     alert(this.name + " says meeow!") 
    } 
} 

cat1 = new cat("felix") 
cat1.talk() //alerts "felix says meeow!" 

cat2 = new cat("ginger") 
cat2.talk() //alerts "ginger says meeow!"

這是從this tutorial page 2一個例子。欲瞭解更多信息，請閱讀或ask Google for object-orientation in JavaScript。

來源

2011-09-08 07:44:42 oezi

在JavaScript中，函數不僅僅是函數，它們不僅僅是對象;它們也用於爲類型定義構造函數。

一般來說，當你有一個函數f時，該函數定義了一個類型，無論這是否是有意的。因此，線