526互联

函数function及案例

发布时间 2023-12-18 15:17:02作者: 奇迹会出现
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            /*Function
                函数 是一个复杂的数据类型
            */
           
            //1.定义函数
                //(1)声明式
                function test1(){
                    for(var m=1;m<=9;m++){
                        for(var n=1;n<=m;n++){
                            document.write("<span>"+m+"*"+n+"="+m*n+"</span>")
                        }
                        document.write("<br>")
                    }
                }
                function test2(){
                    console.log("我是test2套餐")
                }
                //(2)赋值式
                
                var test3 = function(){
                    console.log("我是test3套餐")
                }
            //2.调用函数
                test1()
                test1()
                
                test3()
            //3.区别
                // (1)声明式 先调用再定义
                // (2)先定义再调用
                
                
            
            
            //定义了两个形参
            function test(a,b){
                var yinliao = a===1?'可乐':'雪碧'
                var xiaochi = b===1?'薯条':'爆米花'
                var zhushi = "鸡腿堡"
                console.log("我是套餐A",yinliao,xiaochi,zhushi)
            }
            test(1,2)
        </script>
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            function test(target){
                
                // 给一个默认值
                // 给提示警告
                if(target===undefined){
                    alert("请传入参数")
                    // console.error("请传入参数")
                    
                    target = 9// 给一个默认值9
                }
                for(var m=1 ; m<=target ; m++){
                    for(var n=1;n<=m;n++){
                        document.write("<span>"+m+"*"+n+"="+m*n+"</span>")
                    }
                    document.write("<br>")
                }
            }
            
            // test(9)
            // test(4)
            test(9)
        </script>
    </body>
</html>