ES6 オブジェクト メソッドが「function」キーワードなしで機能するのはなぜですか?

このオブジェクト メソッド定義は「function」キーワードなしでどのように機能しますか?

概要

この質問では、 "function" キーワードを使用せずにオブジェクト メソッドを使用します。この構文を理解するには、メソッドを定義するための ES6 の短縮記法の導入を詳しく調べる必要があります。

質問

「function」キーワードを省略しているにもかかわらず、次のコード スニペットが一部のブラウザで機能するのはなぜですか?

var module = {
    foobar(arg1) {
        alert(arg1);
    }
};

module.foobar("Hello World");

答え

答えは ES6 の導入にありますオブジェクトメソッドを定義するための省略表記。 ECMAScript 2015 仕様によると:

「オブジェクトのプロパティは、関数、ゲッターまたはセッター メソッドを参照することもできます。」

var o = {
  property: function ([parameters]) {},
  get property() {},
  set property(value) {},
};

ES6 では、 "function" キーワードの必要性:

// Shorthand method names (ES6)
var o = {
  property([parameters]) {},
  get property() {},
  set property(value) {},
  * generator() {}
};

以上がES6 オブジェクト メソッドが「function」キーワードなしで機能するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。