09JavaScript 函数

1、函数的概念

• 函数：就是封装了一段可被重复调用的代码块，就是让大量代码重复使用。

• 比如求1-100的和 与 求10-50的和其实很相似。

    <script>
        //求1-100的和
        var sum = 0;
        for (var i = 1; i <= 100; i++) {
     
            sum += i;
        }
        console.log(sum);

        //求10-50的和
        var sum = 0;
        for (var i = 10; i <= 50; i++) {
     
            sum += i;
        }
        console.log(sum);

        //函数
        function getSum(num1, num2) {
     
            var sum = 0;
            for (var i = num1; i <= num2; i++) {
     
                sum += i;
            }
            console.log(sum);

        }
        getSum(1, 100);
        getSum(10, 50);
    </script>

2、函数的使用

• 函数的使用分两步，声明函数 和 调用函数

2.1 声明函数

function 函数名() {
//函数体
}

• function 是声明函数的关键字，全部小写。
• 函数是做某件事情，函数名一般是动词，比如getSum
• 函数要调用才会执行

2.2 调用函数

函数名();

• 调用时千万不要忘记小括号
• 口诀：函数不调用，自己不执行

2.3 函数的封装

• 函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口
• 简单理解：封装类似于将电脑的主板、硬盘、CPU、内存条等组合装到机箱中。

3、函数的参数

3.1 形参和实参

function 函数名(形参1,形参2...) {
//函数体
}
函数名(实参1,实参2...);

• 在声明函数的小括号里面是形参（形式上的参数）
• 在调用函数的小括号里面是实参（实际上的参数）
• 形参是接收实参的，相当于一个变量
• 函数的参数可以有，也可以没有，个数不限

3.2 利用函数求两个数之间的和

    <script>
        function getSum(num1, num2) {
     
            var sum = 0;
            for (var i = num1; i <= num2; i++) {
     
                sum += i;
            }
            console.log(sum);
        }
        getSum(1, 100);
    </script>

• 多个参数之间用逗号隔开
• 形参可以看作是不用声明的变量

3.3 函数形参和实参不匹配的问题

java 里面要