JavaScript

関数

メソッド定義

 編集:2022.08.11 by T.A.

mdnmdn

ECMAScript 2015 より、オブジェクト イニシャライザーのメソッド定義のための短い構文が導入されました。

これは、メソッドの名前に割り当てられた関数の省略形です。

prop ( para… ) { }
[prop] ( para… ) { }
prop プロパティ名
para パラメーター リスト。カンマで区切る。
処理を行うコード文。
*generator( parameters… ) { }
async property( parameters… ) { }
async* generator( parameters… ) { },
*[generator]( parameters… ) { },
async [property]( parameters… ) { },
async* [generator]( parameters… ) { },

簡略構文は、ECMAScript 第 5 版で導入されたゲッターセッター構文に似ています。

次のコードを例にすると:

var obj = {
  foo: function() {
    /* コード */
  },
  bar: function() {
    /* コード */
  }
};
↑これを、以下のように短縮することができます:
var obj = {
  foo() {
    /* コード */
  },
  bar() {
    /* コード */
  }
};
簡単なテストケース
const obj={
  a: 'foo',
  b(){return this.a}
};
D=obj.b(); //="foo"

テスト
HTML:


ここにHTMLが表示される
スクリプト組み込み:
JavaScript:


JavaScript:



表示内容:
表示内容: