Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】Method definitions言語機能の使い方

Method definitions言語機能の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

Method definitionsメソッドは、JavaScriptのオブジェクトリテラルやクラス構文内で、関数をより簡潔に定義し実行するための特別な構文です。ECMAScript 2015(ES6)で導入されたこの機能により、プロパティとして関数を定義する際に必要だったfunctionキーワードを省略できるようになりました。

この構文を用いると、オブジェクトのプロパティ名を直接メソッド名として記述し、その後ろに括弧()と処理内容を記述するブロック{}を続けるだけでメソッドを定義できます。例えば、{ greet() { console.log('Hello!'); } }のように、オブジェクトリテラル内で直接メソッドを記述することが可能です。また、クラス構文においても、class MyClass { myMethod() { console.log('Called!'); } }のように、クラスのメンバーメソッドを定義する際に標準的に用いられます。

Method definitions構文は、コードの可読性を大幅に向上させ、より直感的かつ簡潔にメソッドを記述することを可能にします。通常のメソッド定義に加えて、getsetキーワードを用いたゲッターおよびセッターメソッド、アスタリスク*を用いたジェネレーターメソッド、asyncキーワードを用いた非同期メソッドなども、この洗練された構文で定義することができます。これにより、JavaScriptでのオブジェクト指向プログラミングや機能的なコード記述が効率的になり、開発の質を高める重要な言語機能となっています。

公式リファレンス: Method definitions

構文(syntax)

1const myObject = {
2  myMethod(parameter1, parameter2) {
3    // メソッドの処理
4    return parameter1 + parameter2;
5  }
6};

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ