Menu
Coddy logo textTech

関数の宣言

CoddyのJavaScriptジャーニー「基礎」セクションの一部 — レッスン 45/77。

関数とは、名前を持つ一連のコードのことです。関数の目的は、コードの一部を何度も再利用することです。

例えば、このコードを見てみましょう:

console.log("Welcome to Coddy");
console.log("New session...");
console.log("Welcome to Coddy");
console.log("Another session...");
console.log("Welcome to Coddy");

同じコード console.log("Welcome to Coddy") を何度も繰り返し使用しています。このコードのもう一つの問題は、メッセージ Welcome to Coddy を「Welcome aboard」のような別のものに変更したい場合、3つの異なる行のコードを変更しなければならないことです。この問題を解決するために、関数を使用します。

関数を宣言するには、次の構文を使用します:

function functionName() {
    code;
}

この例では、greet という名前の関数を作成します。それは次のようになります:

function greet() {
    console.log("Welcome to Coddy");
}

関数を使用/呼び出し/実行するには、greet() と記述します:

greet();
console.log("New session...");
greet();
console.log("Another session...");
greet();

これは上記と同じ出力になります。

注意: JavaScriptでは、関数宣言はホイスティング(巻き上げ)されます。つまり、技術的にはコード内に記述される前に関数を呼び出すことが可能です。しかし、コードを明確で読みやすく保つために、関数を呼び出す前に記述するのがベストプラクティスです。

challenge icon

チャレンジ

簡単

1つの入力(数値)を受け取るプログラムを作成してください(与えられます)。入力された数値は、以下の関数を何回実行するかを示します。 

1から10000まで(含む)のすべての数値の合計を計算して出力する関数を作成してください。関数の名前は自由に決めて構いません。

注意!コード内では、関数を呼び出し/実行ステートメントの前に記述してください。

自分で試してみよう

// 以下に関数を記述してください


let n = parseInt(inp); // この行は変更しないでください

// ループを使用して関数を n 回実行してください
quiz icon腕試し

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

基礎のすべてのレッスン