プレゼンテーションシナリオ: スライド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で簡潔で柔軟な関数の書き方です。