↑
JavaScript
::メソッド定義
編集:2022.08.11 by T.A.
→mdn、mdn
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が表示される
JavaScript:
|
|
|
|
JavaScript:
|
|
|
|