Posted at

Javascriptのオブジェクト初期化で知らなかった構文

meteorのチュートリアルをやっていると、次のようなコードに遭遇しました。

{

'submit .new-task'(event) {
// some code here
},
}

オブジェクトリテラルなのは予想がつきますが、文字列のあとに無名関数みたいなものが続いていているパターンは初めて見ました。

オブジェクトイニシャライザーに関するMDNのドキュメントを読んでみたところ、次のコードと同値だということがわかりました。

{

'submit .new-task': function(event) {
// some code here
},
}

慣れたら読みやすいのかもしれませんが、今の所違和感しかありません。