HTML之JavaScript函数声明

news2025/2/12 12:24:26

HTML之JavaScript函数声明

      1. function 函数名(){}
      2. var 函数名 = function(){}

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            函数声明的语法
                1. function 函数名(){}
                2.var 函数名 = function(){}
            
            和Java相比
                1.没有访问修饰符（参数不需要类型）
                2.没有返回值类型，也没有void类型，有值要返回时，直接return即可；
                3.没有异常列表
                4.调用方法时，实参跟形参的个数可以不一致，实参数量可以多于等于小于形参个数，在方法内部可以通过 arguments 对象获取实际传的实参
                5.函数也可以作为参数传递给另一个方法(少用)
        */
        // 声明函数
        function sum(a, b) {
            return a + b;
        }
        var sum1 = function (a, b) {
            console.log(arguments);
            return a + b;
        }
        // 4.调用方法时，实参跟形参的个数可以不一致，实参数量可以多于等于小于形参个数，在方法内部可以通过 arguments 对象获取实际传的实参
        var res = sum(1, 2);
        document.write(res);
        var res1 = sum1(1, 2, 3, 4, 5);
        // 5.函数也可以作为参数传递给另一个方法 前端函数调用方式？ 如果有直接嵌套的话还是用直接嵌套好使；
        function test(a, b) {
            return a + b;
        }
        function test1(getText) {
            console.log(getText(1, 2));
        }
        test1(test);
        //可以直接嵌套函数，少用或者不用将函数作为参数传递吧，个人觉得不利于维护
        function test2(a, b) {
            return test(a, b) + a + b;
        }
        console.log(test2(1, 2));
    </script>
</head>

<body>

</body>

</html>