Menu
Coddy logo textTech

関数とは?

Coddyの「JavaScriptの関数宣言」コースのレッスン 2/14。

お気に入りのクッキーのレシピがあると想像してみてください。クッキーが食べたくなったときに毎回そのレシピを最初から書き出すのは、少し面倒ですよね。JavaScriptにおける関数は、そんな時に助けてくれるスーパーヒーローのような存在です!関数は、特定のタスクを実行する再利用可能なコードのブロックです。レシピの手順に従ってクッキーを焼くのと同じように、関数には呼び出されたときに実行される命令が含まれています(レシピに名前を付けて、その手順に従うようなものです)。

関数の構文:

function functionName(parameter1, parameter2, ...) {
	// Code to be executed (the superhero's instructions)
	return value; // Optional: Returning a value (like the baked cookies!)
}
  • function: このキーワードは、関数を作成することをJavaScriptに伝えます。
  • functionName: これは関数に付ける名前です。
  • parameter1, parameter2, ...: これらは、関数がその仕事をするために必要とする材料や道具のようなものです。これらは、関数を呼び出すときに提供する情報を保持する変数です。

関数がどのように機能するかを示す例を次に示します:

function greet(name) {
	console.log("Hello, " + name + "!");
	return "Have a fantastic day!";
}

const message = greet("Alice"); // Calling the function
console.log(message);
// Output: Hello, Alice!
//         Have a fantastic day!
  • name という1つのパラメータを受け取る greet という名前の関数を定義します。
  • return 文は、"Have a fantastic day!" というメッセージを返します。
  • "Alice" という引数を指定して greet 関数を呼び出し、返された値(メッセージ)を message 変数に格納します。
  • 最後に、挨拶と返されたメッセージの両方を出力します。

この簡単なチャレンジに取り組んでみましょう!

challenge icon

チャレンジ

簡単

あなたのタスクは、引数を受け取らず、コンソールに "Hello, Coddies!" というメッセージを単に出力する myFunction という名前の関数を作成することです。

自分で試してみよう

// ここにコードを記述してください

JavaScriptの関数宣言のすべてのレッスン