関数の宣言
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では、関数宣言は巻き上げられるため、技術的にはコード内に記述される前に呼び出すことができます。ただし、コードを明確で読みやすく保つために、関数は呼び出す前に記述するのがベストプラクティスです。
チャレンジ
簡単1つの入力、つまり数値(与えられます)を受け取るプログラムを書きましょう。入力された数値は、以下の関数を何回実行するかを示します。
1から10000までのすべての数値(両端を含む)の合計を計算して出力する関数を作成し、関数名は自由に付けてください。
注意!コードでは、関数の呼び出しや実行の文より前に関数を書いてください。
自分で試してみよう
// 以下に関数を書いてください
let n = parseInt(inp); // この行は変更しないでください
// ループを使って関数をn回実行してくださいこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
基礎のすべてのレッスン
自分で練習してみよう: JavaScriptオンラインコンパイラ