JavaScript定義関数

関数の定義

JavaScript で関数を定義する方法は次のとおりです。

function abs(x) {
    if (x >= 0) {
        return x;
    } else {
        return -x;
    }
}

上記の abs() 関数は次のように定義されます。

function は、これが関数定義であることを示します。
abs は関数の名前です。
(x) は関数のパラメータを括弧で囲み、複数のパラメータを
{ ... } で区切ります。関数本体には、複数のステートメントを含めることができます。あるいは、ステートメントが存在しない場合もあります。

関数本体内のステートメントが実行される場合、return が実行されると、関数が実行され、結果が返されることに注意してください。したがって、条件判定やループ処理により、関数内に非常に複雑なロジックを実装することができます。

return文がない場合、関数実行後に結果が返されますが、結果は不定となります。

JavaScript関数もオブジェクトであるため、上で定義したabs()関数は実際には関数オブジェクトであり、関数名absは関数を指す変数とみなすことができます。

それで、関数を定義する 2 番目の方法は次のとおりです:

var abs = function (x) {
    if (x >= 0) {
        return x;
    } else {
        return -x;
    }
};

このように、 function (x) { ... } は匿名関数であり、関数名がありません。ただし、この無名関数は変数 abs に代入されているため、変数 abs を介して関数を呼び出すことができます。

上記の 2 つの定義は完全に同等です。2 番目のメソッドでは、完全な構文に従って、代入ステートメントの終わりを示す ; を関数本体の最後に追加する必要があることに注意してください。

2つの数値を合計して結果を表示する機能が完成しました。そして、関数に意味のある名前「add2」を付けます。コードは次のとおりです:

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
    function add2(){
        sum = 3 + 2;
        alert(sum);
    }  add2();
</script>
</body>
</html>

結果:

QQ截图20161012143034.png

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <script> function myFunction() { alert("Hello World!"); } </script> </head> <body> <button onclick="myFunction()">点击这里</button> </body> </html>

提出するリセットコード

自動運転