js中的函数参数调用执行

深碍√TFBOYSˉ_ 2022-07-13 23:26 220阅读 0赞

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    <script>
    //--------------------------函数的定义和使用---------------------
                //函数就是具有一定功能的可以重复执行的代码块。
                var str = "abc";
                console.log(str);
    
                //函数不调用不执行
                //执行方法是：函数名+();
                fn();
    
                //定义方法
                function fn(){
                    console.log(1);
                }
    
    
    //-----------------------函数的组成---------------------------
                //函数的组成分为：1.参数。2.返回值。3.功能。
                    //1.参数
                //设置参数解决问题。（修改值，不修改规则的问题）
                function fn(a,b){
                    alert(a+b);
                }
                fn(1,1);
                fn(2,2);
                fn(4,4);
                //如果函数名相同，后面的函数会覆盖前面的函数。（函数名，不能一样）
                //    fn3();
                //    function fn3(){
                //        alert(0);
                //    }
    
    
    //-------------------------参数个数问题-------------------------
                //如果形参个数与实参个数不匹配...（一般情况下，我们不会让形参和实参不匹配）
                //1.相等的话，正常执行。
                //2.实参大于形参，正常执行。（多余的实参，函数不使用）
                //3.实参小于形参，要看你的程序是否报错。（报错，NaN，undefined）
                //未给定实参的形参为undefined;
    
                fn(1,1);
                fn(1,1,1);
                fn();
    
                function fn(a,b){
                    alert(a+b);
                //        alert(a);
                //        alert(b);
                    document.getElementById(a).title = "nihao";
                }
    
    //------------------------函数的返回值--------------------------------
                //什么是返回值：执行完毕函数以后，我们能给其他变量赋值。
                //返回值干什么用的呢？一般来讲，函数通过运算出来的数都是一个半成品，
                // 需要二次加工。
                var aaa = fn();
                console.log(aaa);
                function fn(){
                    var bbb = 111;
                    //如果我们想把函数内部的值赋值为外部，必须使用return;
                    //如果没有return或者只有return没有值，那么返回值都是undefined。
                    return bbb;
                }
                //求和：
                //        var num = getSum()+1+1+1;
                //        alert(num);
                //
                //        function getSum(){
                //            var sum = 0;
                //            for(var i=1;i<=100;i++){
                //                sum+=i;
                //            }
                //            return sum;
                //        }
    
    //---------------------------函数名------------------------
                //函数名，就等于整个函数。
                //执行函数，就等于函数的功能+返回值；
    
                //打印函数名，就等于打印整个函数。
                console.log(fn);
                //打印执行函数，就等于打印函数的返回值。
                console.log(fn());  //函数中包函数，先执行里面，后执行外面。
    
                function fn(){
                    var arr = [1,3,3];
                }
    
    
    //-----------------------函数的定义-----------------------------------
                //    //第一种定义方法最强大，定义完毕后，在哪里使用都可以，无位置限制。
                //    fn1();
                //    //后两种定义方法是有局限性的。（使用函数必须在定义函数之后）
                //    fn2();
                //    fn3();
    
                //第一种
                function fn1(){
                    console.log("我是第一种定义方法！");
                }
                //第二种(匿名函数)
                var fn2 = function (){
                    console.log("我是第二种定义方法！");
                }
                //第三种
                var fn3 = new Function("console.log('我是第三种定义方法！')");
                //    fn1();
                //    fn2();
                //    fn3();
    </script>
    </body>
    </html>