こんな表記が通っちゃうなんて

Question

    var prm={
        hoge:function(){}
    };

と書こうとしてたところを間違って

    var prm={
        hoge(){}
    };

と書いてしまっても動きました

これって正当な仕様ですか？
ブラウザがお情けで通してるだけですか？

---

DreamWeaverがしっかりメッセージで教えてくれてた///

ES6の仕様
concise methodというのね

http://allthingsjavascript.com/blog/index.php/2017/01/11/using-concise-methods/

さて、使っていいものかどうかは、判断保留…

Answer 1

const name = 'my name';

const obj = {
	hoge: function hoge() {},
	name: name,
    generator: function* generator() {}
}


const obj2 = {
	name,
	hoge() {},
    *generator() {}
}

ES6からはkeyとvalueが同じ名前であれば省略できます。

参考

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Functions_and_function_scope/Method_definitions

Comments

[KazuhiroHatano]

そういう仕様なのですね、ありがとうございます