Javascriptのjs関数学習（体験まとめ）-jsチュートリアル-php.cn

Javascriptのjs関数学習（体験まとめ）

青灯夜游

リリース： 2018-10-29 16:48:20

転載

3106 人が閲覧しました

この記事では、JavaScript を学習する過程での js 関数の経験をまとめます。困っている友人は参考にしていただければ幸いです。

Javascript 関数は、呼び出されたときに実行されるイベント駆動型または再利用可能なコードのブロックです。したがって、関数を呼び出さずに作成しただけでは意味がありません。それを実行するには関数を呼び出す必要があります。

1. 関数とは

(1) 関数とは、ある関数を完成させるコードセグメントです。

(2) 関数とは、次のことができるコードセグメントです。

(3) 関数は保守・管理に便利です

2. 関数を作成する際の注意点は何ですか?

#(1) 関数名は大文字と小文字が厳密に区別されます

#(2) 関数名が重複すると上書きが発生します

#(3) 関数名はセマンティックに最適です

3. トリガー関数

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <button onclick="Click()">点击按钮调用函数</button>
    <script>
        function Click(){
            alert('调用成功！');
        }
    </script>
</body>
</html>

ログイン後にコピー

4. デフォルトパラメータを実装する関数

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
    function calc(x,y){
        x=x||0;
        y=y||0;
        return x+y;
    }
   　　 alert(calc());
    　　alert(calc(1,2));
    </script>
</body>
</html>

ログイン後にコピー

5. 変数パラメータ形式の関数

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
        function test(){
            var sum = 0 ;
            var allNum = arguments.length ; //定义allNum为传入参数的个数
            for(var i=0;i<allNum;i++){
                sum+=arguments[i];//sum = sum + arguments[i]
                document.write(arguments[i]);
            }
            return sum;
        }
        alert(test(1,2,4));
    </script>
</body>
</html>

ログイン後にコピー

6. ## (1) ローカル変数: 関数本体で宣言された変数。関数本体内でのみ使用できます。

(2) グローバル変数: グローバル変数。変数が宣言されてから関数本体内でのみ使用できます。スクリプトの終わり

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <script>
        var x=1;
        function test(){
            document.write('1.函数体内的x的值为：'+x+'<br />');
            x=19;
            document.write('2.此时函数体内重新对x值赋值，此时x的值为：'+x+'<br />');
        }
        document.write('3.函数体外的x值：'+x+'<br />');//因为读写顺序先执行这段代码然后在执行函数 test()
        test();
        document.write('4.函数体外的x值：'+x+'<br />');
    </script>
</body>
</html>

ログイン後にコピー

これは私の個人的な学習体験です。不備がある場合は、ご指摘ください。素晴らしいアドバイスをありがとうございました！！

以上がJavascriptのjs関数学習（体験まとめ）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。