Menu
CoddyTech

関数の宣言

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腕試し

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

基礎のすべてのレッスン

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