7.27学习内容

最新推荐文章于 2024-07-29 02:36:19 发布

一个默默努力的小白

最新推荐文章于 2024-07-29 02:36:19 发布

阅读量71

点赞数

文章标签：学习 java 前端

本文链接：https://blog.csdn.net/weixin_45652417/article/details/126025561

版权

1.带参数的函数

//1.函数可以重复相同的代码

//2.我们可以利用函数的参数实现函数重复不同的代码

// function 函数名(形参1，形参2...){ 在声明函数的小括号里面是形参（形式上的参数）

// }

// 函数名(实参1，实参2...); 在函数调用的小括号里面是实参(实际的参数)

//形参和实参的执行过程

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1.函数可以重复相同的代码
        // function cook (){
        //     console.log('酸辣土豆丝');
        // }
        // cook();
        // cook();
        //2.我们可以利用函数的参数实现函数重复不同的代码
        // function 函数名(形参1，形参2...){  在声明函数的小括号里面是形参（形式上的参数）

        // }
        // 函数名(实参1，实参2...); 在函数调用的小括号里面是实参(实际的参数)
        //形参和实参的执行过程
        function cook(aru){  //形参是接受实参的 aru=酸辣土豆丝'，形参类似于一个变量
            console.log(aru);
        }
        cook('酸辣土豆丝');
        cook('辣椒炒肉');
    </script>
</head>
<body>
    
</body>
</html>

2.利用函数求任意两个数的和

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1.利用函数求任意两个数的和
        function getSum(num1,num2){
            console.log(num1+num2);
        }
        getSum(1,9);
        getSum(22,38);
        //2.利用函数求任意两个数的和
        function getSums(start,end){
            var sum=0;
            for(var i=start;i<=end;i++){
                sum+=i;
            }
            console.log(sum);
        }
        getSums(1,100);
        getSums(1,50);
    </script>
</head>
<body>
    
</body>
</html>

3.函数形参与实参相匹配的问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //函数形参，实参个数匹配
        function getSum(num1,num2){
            console.log(num1+num2);
        }
        //1.如果实参的个数和形参的个数一致，则输出正常结果
        getSum(1,2);
        //2.如果实参的个数多余形参的个数，根据形参个数运行代码
        getSum(1,2,3);
        //3.如果实参的个数小于形参的个数
        //形参可以看作是不用声明的变量，num2是一个变量但是没有接受值，结果就是undefined
        getSum(1);
    </script>
</head>
<body>
    
</body>
</html>

4.函数的返回值

函数的返回值格式

// function 函数名(){

// return 需要返回的结果;

// }

// 函数名();

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1.函数就是做某件事或者实现某种功能
        // function cook(aru){
        //     console.log(aru);
        // }
        // cook('辣椒炒肉');
        //2.函数的返回值格式
        // function 函数名(){
        //     return 需要返回的结果;
        // }
        // 函数名();
        //(1)我们函数只是实现某种功能，最终的结果需要返回给函数的调用者函数()通过return实现的
        //(2)只要函数遇到return就把后面的结果返回给函数的调用者，函数名()=return后面的结果
        //3.代码验证
        function getResult(){
            return 666;
        }
        getResult();//getResult()=666
        console.log(getResult());
        function cook(aru){
            return aru;
        }
        console.log(cook('酸辣土豆丝'));
        //4.求任意两个数的和
        function getSum(num1,num2){
            return num1+num2;
        }
        console.log(getSum(1,2));

    </script>
</head>
<body>
    
</body>
</html>