JavaScript関数の使い方の詳細な説明

1. 関数を宣言する
2. 関数の呼び出し
3. 関数パラメータ
4. 関数の戻り値
5. 議論の使用
6. 関数は別の関数を呼び出すことができる
7. 関数を宣言する2つの方法
要約する
1. 関数を宣言する
2. 関数の呼び出し
3. 関数パラメータ
4. 関数の戻り値
5. 議論の使用
6. 関数は別の関数を呼び出すことができる
7. 関数を宣言する2つの方法
要約する

1. 関数を宣言する

//関数を宣言する function name() {
    //関数本体コード}

Function は関数を宣言するためのキーワードです。小文字でなければなりません。関数は一般的に特定の機能を実現するために定義されるため、通常は getSum のように関数を動詞として命名します。

2. 関数の呼び出し

//関数関数名()を呼び出す; //関数名を呼び出して関数本体コードを実行する

関数宣言自体のコードは実行されません。関数本体のコードは、関数が呼び出されたときにのみ実行されます。

3. 関数パラメータ

関数を宣言するときに、関数名の後の括弧内にいくつかのパラメータを追加できます。これらのパラメータは仮パラメータと呼ばれます。関数を呼び出すときは、対応するパラメータも渡す必要があります。これらのパラメータは実パラメータと呼ばれます。

パラメータ	例示する
パラメータ	仮パラメータ関数が定義されるときに渡されるパラメータは現在不明です。
実際のパラメータ	実際、パラメータ関数が呼び出されたときに渡されるパラメータ実パラメータは、仮パラメータに渡されます。

パラメータの役割: 関数内の一部の値は固定できません。関数を呼び出すときに、パラメータを介して関数にさまざまな値を渡すことができます。

関数パラメータ数と実際のパラメータ数の不一致の問題

パラメータの数	例示する
実パラメータの数は仮パラメータの数と等しい	正しい結果を出力する
実パラメータの数が仮パラメータの数より多い	形式パラメータの数のみが取得される
実パラメータの数が仮パラメータの数より少ない	複数のパラメータが未定義として定義されている場合、結果は NaN になります。

関数 sum(num1,num2) {
    コンソールログ(数値1+数値2);
}
sum(100,200); // 実際のパラメータの数は仮パラメータの数と等しいため、正しい結果が出力されます sum(100,400,500,700); // 実際のパラメータの数は仮パラメータの数より大きいため、仮パラメータの数のみが取得されます sum(200); // 実際のパラメータの数は仮パラメータの数より小さいため、仮パラメータは未定義として定義され、結果は NaN になります

JavaScript では、パラメータのデフォルト値は未定義です。

4. 関数の戻り値

関数の値を返すためにreturnを使用することが多い

returnは関数を終了します

関数 add(num1,num2) {
    //関数本体 return num1+num2; //注意: return の後のコードは実行されません alert('前に return があるため、実行されません');
}
var resNum = add(21,6); //関数を呼び出し、2つの引数を渡し、resNumを通じて関数の戻り値を受け取ります。alert(resNum); //27

関数に return がある場合は、 return 後の値を返します。 return がない場合は、 undefined を返します。

break、continue、returnの違い

break : 現在のループを終了します（for、while など）
continue : 現在のループから抜け出し、次のループ（for、while など）の実行を続けます。
return : ループを終了できるだけでなく、return ステートメントで値を返して、現在の関数本体のコードも終了できます。

5. 議論の使用

渡されるパラメータの数がわからない場合は、arguments を使用してパラメータを取得できます。JavaScript では、arguments は実際には現在の関数の組み込みオブジェクトです。すべての関数には、渡された実際のパラメータをすべて格納する組み込みの引数オブジェクトがあります。

<!DOCTYPE html>
<html lang="ja">
<ヘッド>
    <メタ文字セット="UTF-8">
    <meta http-equiv="X-UA-compatible" content="IE=edge">
    <meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
    <title>ドキュメント</title>
    <スクリプト>
        関数fn() {
            console.log(arguments); //渡されたすべての引数を保存します console.log(arguments.length);
            console.log(引数[2]);
            //引数を配列として走査できます
            (var i = 0; i < 引数の長さ; i++) {
                console.log(引数[i]);
            }
        }
        1, 2, 3 の整数部分を返します。
        1, 2, 3, 4, 5 の整数部分を返します。
        //疑似配列は実際の配列ではありません //1. 配列の長さプロパティを持ちます //2. インデックス方式で格納されます //3. pop() や push() などの実際の配列のメソッドは持ちません</script>
</head>
<本文>
</本文>
</html>

ここに画像の説明を挿入

6. 関数は別の関数を呼び出すことができる

関数fn1() {
   コンソールログ(111);
   関数fn2();
   コンソールログ('fn1');
}
関数fn2() {
   コンソールログ(222);
   コンソールログ('fn2');
}
関数fn1();

7. 関数を宣言する2つの方法

//1. 関数キーワードを使用してカスタム関数（名前付き関数）を定義する
関数fn() {
}
関数fn();
//2. 関数式（無名関数）
//var 変数名 = function() {};
var fun = function(aru) {
    console.log('私は関数式です');
    console.log(aru);
}
関数 'FG' は次のように記述します。
//(1) funは変数名であり、関数名ではない //(2) 関数式の宣言方法は変数の宣言と似ているが、変数は値を格納し、関数式は関数を格納する点が異なる //(3) 関数式はパラメータを渡すこともできる

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。