アロー関数
CoddyのJavaScriptジャーニー「基礎」セクションの一部 — レッスン 51/77。
アロー関数は、JavaScriptで関数をより短く書く方法を提供します。これらは、短くて単純な関数に特に便利です。
アロー関数式は、関数式と比較してより短い構文を持ち、this、arguments、super、または new.target キーワードに対する独自のバインディングを持ちません。アロー関数は常に匿名です。
アロー関数の基本構文は以下の通りです：
(param1, param2) => {
// 関数本体
// ...
return value; // 任意の戻り値の文
}関数にパラメータが1つしかない場合は、パラメータリストを囲む括弧を省略できます。関数の本体に式が1つしかない場合は、波括弧とreturnキーワードを省略できます。式の結果は暗黙的に返されます。
従来の関数式の例を次に示します：
let add = function(a, b) {
return a + b;
};同じ関数をアロー関数として記述すると次のようになります：
let add = (a, b) => a + b;この例では、パラメータが2つあるため、パラメータを囲む括弧は保持されます。関数本体に式が1つしかないため、波括弧と return キーワードは省略されています。
引数がない別の例を次に示します：
let greet = () => console.log("Hello!");
greet(); // 出力: Hello!この場合、関数にパラメータがないことを示すために、空の括弧のペアが使用されます。
アロー関数は、短い関数を別の関数に引数として渡す必要があるときによく使われます。
チャレンジ
簡単2つのパラメータ、weight（キログラム単位）とheight（メートル単位）を受け取り、ボディマス指数（BMI）を返す、calculateBMIという名前のアロー関数を作成してください。BMIの計算式は、weight / (height * height)です。
例：
console.log(calculateBMI(70, 1.75)); // Output: 22.857142857142858
console.log(calculateBMI(80, 1.8)); // Output: 24.691358024691358チートシート
アロー関数は、JavaScriptで関数を記述するためのより短い構文を提供します。これらは常に匿名であり、独自の this バインディングを持ちません。
基本的な構文:
(param1, param2) => {
// 関数の本体
return value;
}単一の式の場合、波括弧と return を省略できます:
let add = (a, b) => a + b;単一のパラメータの場合、括弧は任意です:
let square = x => x * x;パラメータがない場合は、空の括弧を使用します:
let greet = () => console.log("Hello!");自分で試してみよう
// 以下にコードを入力してください
// 以下の行は変更しないでください
console.log(calculateBMI(70, 1.75));
console.log(calculateBMI(80, 1.8));
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
