ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript:パート4、関数を使用してコードすることを学びます
javascript関数:返品値関数と返品値関数この記事では、javaScriptの2種類の関数について説明します:void関数と価値回転関数。
void関数(void functions)NOリターン値関数は一連の操作を実行しますが、値を返しません。それらは、グローバル状態の印刷や変更など、副作用を実行するためによく使用されます。
関数の基本構造は次のとおりです。
戻り値のない関数のサンプル:
function functionName() { 语句; 语句; // ... }関数を呼び出す方法(関数の実行または関数の呼び出しとも呼ばれます):
function greet() { console.log("Hello, World"); }返品値のない関数でさえ暗黙的に返されることは注目に値します。 以下は、矢印関数で表される
関数です。
パラメーターを使用した関数の例:greet();
undefined
矢印関数は匿名関数であり、変数に値を割り当てることによって名前が付けられています。矢印関数の利点の1つは、コードをより簡潔にすることです。 greet
let greet = () => console.log("Hello, World");
let greet = name => console.log(`Hello, ${name}`); // 输出:Hello, Monty greet("Monty"); let greet = (fname, lname) => console.log(`Hello, ${fname} ${lname}. How are you?`); // 输出:Hello, Monty Shokeen. How are you? greet("Monty", "Shokeen"); let greet = (fname, lname) => { let name = `${fname} ${lname}`; console.log(`Hello, ${name}`); }; // 输出:Hello, Monty Shokeen greet("Monty", "Shokeen");値回復関数
戻り値関数が一連の操作を実行し、値を返します。関数は
ステートメントで終了する必要があります。次の例では、2つの数値の合計を返します。function factorial(x) { let result = 1; while (x > 1) { result *= x; x -= 1; } console.log(result); } // 输出:3628800 factorial(10); // 输出:479001600 factorial(12); // 输出:6402373705728000 factorial(18);
返品値の一般的な形式:
関数は式の値を返します。このような関数は、変数に戻り値を保存するか、コードの他の場所で使用する必要がある場合に役立ちます。 コードの他の場所で関数の値を使用する場合は、関数から値を明示的に返す必要があります。
return
返品値を持つ要因関数の例:
function add(x, y) { return x + y; }
の出力結果は、戻り値のない関数と同じです。差は、戻り値が
によって出力されることです。返品値の関数は値を返し、返品値のない関数はfunction functionName() { 语句; 语句; // ... return 表达式; }を返します。
scope(scope)
function factorial(x) { let result = 1; while (x > 1) { result *= x; x -= 1; } return result; } // 输出:3628800 console.log(factorial(10)); // 输出:479001600 console.log(factorial(12)); // 输出:6402373705728000 console.log(factorial(18));
スコープとは、変数にアクセスできるプログラム内の領域を指します。関数内で宣言された変数(関数パラメーターを含む)はローカル変数です。コードブロックには、ローカル変数を作成できるスコープもあります。 console.log
コードブロックまたはモジュールで宣言されていない変数は、グローバル変数です。グローバル変数が必要な場合は、グローバル定数を使用できます。それ以外の場合は、モジュールには独自のスコープがあるため、コードをモジュールに制限するようにしてください。より良い方法は、モジュールを使用してコードを整理して、コード構造が明確になるようにすることです。 undefined
この記事はMonty Shokeenで更新されました。 Montyは、チュートリアルを作成し、新しいJavaScriptライブラリを学習するのが大好きなフルスタック開発者です。
以上がJavaScript:パート4、関数を使用してコードすることを学びますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。