什么是函数？

最新推荐文章于 2023-08-06 13:55:44 发布

zhou_nj

最新推荐文章于 2023-08-06 13:55:44 发布

阅读量1k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/zhou_nj/article/details/119807523

版权

本文介绍了JavaScript中的函数概念，包括系统函数和自定义函数的定义方式。通过示例展示了如何创建和调用自定义函数，以及如何定义带参数的函数。此外，还讲解了`return`关键字在函数中返回结果的作用，并给出了根据消费日期计算折扣的实例。

摘要由CSDN通过智能技术生成

1.函数：就是对一段程序的封装，对一段代码的封装，使用函数可以执行一个完整的任务。

2.函数分为两类：系统函数和自定义函数。例如 parseInt() 就是一个系统函数，function就是定义自定义函数的关键字

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>
</head>

<body>
    <script>
        function sayHi(){
            console.log('大家好！我叫周杰伦！');
            console.log('我今年18岁！');
        }
        // 调用函数，执行函数中的代码
        sayHi()
    </script>
</body>

</html>

4.定义带参数的函数：在定义函数时，可以在()里面定义参数，这里的参数是形参，参数名是自定义的：例如

<!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>
</head>

<body>
    <script>
       function calc(num1,num2,type){
            switch(type){
                case '+': 
                    console.log(`${num1}+${num2}=${num1+num2}`);
                    break;
                case '-':
                    console.log(`${num1}-${num2}=${num1-num2}`);
                    break;
                case '*': 
                    console.log(`${num1}*${num2}=${num1*num2}`);
                    break;
                case '/':
                    console.log(`${num1}/${num2}=${num1/num2}`);
                    break;
            }
        }
        let n1 = 200
        let n2 = 50
        // 调用带参数的方法时，需要给方法传递实参。
        // 注意：定义方法的形参是没有值的，只是一种形式，但是调用方法的实参，必须要有实际的值。
        calc(n1,n2,'+')
        calc(n1,n2,'-')
        calc(n1,n2,'*')
        calc(n1,n2,'/')
    </script>
</body>

</html>

5.return 关键字，用于在方法中返回结果出去：例如：根据周几，计算消费的实际总金额，123打8折 246打7折星期天打5折。代码：

<!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>
</head>

<body>
    <script>
       function totalMoney(money,weekday){
            // 判断weekday是几
            switch(weekday){
                case 1: 
                case 3: 
                case 5: 
                    money = money*0.8
                    break;
                case 2: 
                case 4: 
                case 6: 
                    money = money*0.7
                    break;
                default:
                    money = money*0.5
                    break;
            }
            // return 关键字，用于在方法中返回结果出去
            //将最新的money值返回出去
            return money
        }
        let r1 = totalMoney(10000,3)
        console.log(r1);
    </script>
</body>

</html>