プレゼンテーションシナリオ: スライド74、75

スライド74と75では、Arrow Function(アロー関数)について説明します。

Arrow Functionは、Function Expressionをより簡潔に書く方法です。

従来のfunction ...の記述の代わりに=>記号を使用します(つまり、関数を作成するためにfunctionを書く必要がありません)。

通常、小さな関数、コールバック、迅速な処理に使用されます。

構文:

const variableName = (params) => {
    // 処理コード
    return value;
};

例:

const square = (n) => {
    return n * n;
};
console.log(square(6)); // 36

単一の式のみの場合の省略構文:

const variableName = (parameter1, parameter 2,...) => expression;

つまり: 関数本体が結果を返す1行のコードのみの場合、{ }とreturnキーワードを省略できます

ここでは:

  • parameters → パラメータ(1つまたは複数)。
  • expression単一の式で、自動的に返されます(returnは不要)。

例:

例1: 1つのパラメータを持つ関数

const square = n => n * n;
console.log(square(6)); // 36

例2: 複数のパラメータを持つ関数

const add = (a, b) => a + b;
console.log(add(2, 3)); // 5

以上で、Function ExpressionとArrow Functionについての説明を終わります。これらはJavaScriptで簡潔で柔軟な関数の書き方です。