関数式
CoddyのJavaScriptジャーニー「基礎」セクションの一部。レッスン 49/77。
JavaScriptでは、関数式は式の一部として関数を定義する方法です。関数宣言とは異なり、関数式は巻き上げられないため、コード内で定義される前に呼び出すことはできません。
関数式の基本構文は次のとおりです。
let functionName = function(parameters) {
// 実行するコード
// ...
return value; // 省略可能なreturn文
};function キーワードの後には、関数の任意の名前を指定します。名前を指定すると名前付き関数式になり、指定しない場合は匿名関数式になります。パラメーターは丸括弧で指定し、関数本体は波括弧で囲みます。
名前付き関数式の例を見てみましょう。
let add = function sum(a, b) {
return a + b;
};
console.log(add(3, 5)); // 出力: 8この例では、addは関数を保持する変数で、sumは関数の省略可能な名前です。関数に名前が付いていても、sumを直接呼び出すことはできません。変数addを使う必要があります。
匿名関数式の例を見てみましょう。
let multiply = function(a, b) {
return a * b;
};
console.log(multiply(4, 2)); // 出力: 8この場合、関数には名前がなく、変数 multiply に直接割り当てられています。
関数式は、関数を別の関数の引数として渡したいときや、その場で関数を作成したいときによく使われます。
チャレンジ
簡単widthとheightの2つの引数を受け取り、長方形の面積を返す、calculateAreaという名前の関数式を作成してください。この関数は、calculateAreaという名前の変数に代入してください。
例:
console.log(calculateArea(5, 10)); // Output: 50
console.log(calculateArea(3, 7)); // Output: 21自分で試してみよう
// 以下にコードを入力してください
// 以下の行は変更しないでください
console.log(calculateArea(5, 10));
console.log(calculateArea(3, 7));このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
基礎のすべてのレッスン
自分で練習してみよう: JavaScriptオンラインコンパイラ