オブジェクトリテラルのプロパティ/メソッドのいろんな書き方（ES6版） - Qiita

ECMAScript 6 がいよいよ標準仕様となり、ブラウザでの実装もより一層進んできています。 オブジェクトリテラルの書き方ひとつ取っても、大変多彩になりました。 var d = 42; var obj = { a: 42, "b": 42, 0: 42, ["c"] : 42, d, e(){}, get f(){}, set g(v){}, *h(){} }; これらを全て把握するだけでも一苦労です ここではそれぞれの書き方を、ひとつひとつざっくり見ていきたいと思います。 尚、ここで紹介するコードは、一部のブラウザでは動かないことがあります。 投稿時点で最新の GoogleChrome 44 であればすべて動作することを確認しましたので、よければそちらをお使いください。 var obj = { prop: value }; 一番慣れ親しんできた書き方だと思います。 しかしプロパティ名

[tmtms]

"オブジェクトリテラルの書き方ひとつ取っても、大変多彩になりました" / カオスすぎる…

[Haaaa_N]

混沌だ…

[soy-curd]

“method: function(){} }”

[sho]

うーん、複雑だ。わかりやすい記法だけ選んで使えばいいけど、知らないと人のコード読めないしなぁ……

[takaken1123]

[2016-05-24 16:05]

[otchy210]

getter / setter を IE9 で使えるの知らなかった。そろそろ使っていけそう。

[masayoshinym]

早くもついていけない感が…

[yosuke_furukawa]

なるほど、リテラルという切り口で見るとちょっと新鮮だ。

[hisasann]

「{ method(){} }はコンストラクタとして実行できない。つまり、prototypeプロパティを持たず、new できない。」

[kosh04]

getter/setterはES5でも使えるのか

[Nyoho]

ifとか予約語も裸でキーにできるのかーひょー

[HHR]

多すぎだろ…

[mole-studio]

よくまとまっている。ただ、withは例に出すのもあまり良くない気がする。

[masakiplus]

ECMAScript 6 がいよいよ標準仕様となり、ブラウザでの実装もより一層進んできています。 オブジェクトリテラルの書き方ひとつ取っても、大変多彩になりました。

[yfnt]

JavaScript - オブジェクトリテラルのプロパティ/メソッドのいろんな書き方（ES6版） - Qiita

[teramako]

「 ジェネレータではどちらも new できます。 」できませんよ。。 // ←すみません、訂正します。できないのは es7 からだった。 https://github.com/rwaldron/tc39-notes/blob/master/es7/2015-07/july-28.md#67-new--generatorfunction