的Javascript：對象函數定義

Question

我迷迷糊糊的東西奇怪今天無法找到有關此問題的任何信息......

所以，總的來說，你可以做這樣的事情。

var test = { 
    wtf: function() { 
     console.log("Yep"); 
    } 
} 

test.wtf(); // shows "Yep" 

但由於一些錯字我不小心結束了以下，現在我想知道爲什麼這是工作。任何人都可以向我解釋這個嗎？

var test = { 
    wtf() { 
    console.log("Why?"); 
    } 
}; 

test.wtf(); // shows "Why?" 

Answer 1

這是ES6中引入的Method Definition syntax。目前支持Chrome，Firefox和Opera的最新版本。

方法的定義

與ECMAScript的2015（ES6），用於在對象的初始化方法定義一個較短的語法開始被引入。它是分配給方法名稱的函數的簡寫。

說明

速記語法類似於在ECMAScript中5推出的getter和setter語法

考慮下面的代碼：

var obj = { 
    foo: function() {}, 
    bar: function() {} 
}; 

現在，您可以縮短這：

var obj = { 
    foo() {}, 
    bar() {} 
}; 

— MDN's documentation on Method Definitions

Answer 2

這是有效的ES6語法。它是一種簡稱爲「方法定義」。

欲瞭解更多信息，請訪問http://ariya.ofilabs.com/2013/03/es6-and-method-definitions.html。規格是here。

Answer 3

這是因爲你在的EcmaScript-6的環境中工作，

其實JavaScript是不斷變化的，你可以按照進展在： https://kangax.github.io/compat-table/es6/

的方式： 在ECMAScript中-5你只能用這種方式定義一個成員：

var myObject = { 
    someMethod: function() {} 
}; 

ECMASCRIPT-6引入了一些「短漢ds「，合成糖。

var myObject = { 
    someMethod() {} 
}; 

進一步信息可在https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions