Menu
CoddyTech

関数式

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 に直接割り当てられています。

関数式は、関数を別の関数の引数として渡したいときや、その場で関数を作成したいときによく使われます。

challenge icon

チャレンジ

簡単

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));
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

基礎のすべてのレッスン

自分で練習してみよう: JavaScriptオンラインコンパイラ