JavaScript——函数

函数的概念

函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用

<script>
    // 函数就是封装了一段可以被重复执行调用的代码块 目的： 就是让大量代码重复使用
    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);
    getSum(1, 1000);
</script>

函数的使用

函数使用分为两步：声明函数 和 调用函数

1、声明函数

function 函数名(){

        //函数体

}

（1）function声明函数的关键字 全部小写

（2）函数是做某件事情，函数名一般是动词 sayHi

（3）函数不调用自己不执行

2、调用函数

函数名();

sayHi();

调用函数的时候千万不要忘记小括号

函数的参数 

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

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

        }

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

函数的参数可以有，也可以没有个数不限

 在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数,这些参数被称为实参。

参数	说明
形参	形式上的参数函数定义的时候传递的参数当前并不知道是什么
实参	实际上的参数函数调用的时候传递的参数实参是传递给形参的

参数的作用:在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。

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

function getSum(num1, num2) {
    console.log(num1 + num2);
}
getSum(1, 3);        

如果实参的个数多于形参的个数  会取到形参的个数

如果实参的个数小于形参的个数  多于的形参定义为undefined  最终的结果就是 NaN 

 函数的返回值

函数的返回值格式
function 函数名() {
     return 需要返回的结果;
}
函数名();
(1) 我们函数只是实现某种功能，最终的结果需要返回给函数的调用者函数名() 通过return 实现的
(2) 只要函数遇到return 就把后面的结果 返回给函数的调用者  函数名() = return后面的结果

function cook(aru) {
    return aru;
}
console.log(cook(666));

函数返回值注意事项 

1. return 终止函数

2. return 只能返回一个值

3.我们求任意两个数的 加减乘数结果

4.我们的函数如果有return 则返回的是 return 后面的值，如果函数么有 return 则返回undefined

<script>
    // 1. return 终止函数
    function getSum(num1, num2) {
        return num1 + num2; // return 后面的代码不会被执行
        alert('我是不会被执行的哦！')
    }
    console.log(getSum(1, 2));
    // 2. return 只能返回一个值
    function fn(num1, num2) {
        return num1, num2; // 返回的结果是最后一个值
    }
    console.log(fn(1, 2));

    // 3.  我们求任意两个数的 加减乘数结果
    function getResult(num1, num2) {
        return [num1 + num2, num1 - num2, num1 * num2, num1 / num2];
    }
    var re = getResult(1, 2); // 返回的是一个数组
    console.log(re);
    // 4. 我们的函数如果有return 则返回的是 return 后面的值，如果函数么有 return 则返回undefined
    function fun1() {
        return 666;
    }
    console.log(fun1()); // 返回 666
    function fun2() {

    }
    console.log(fun2()); // 函数返回的结果是 undefined
</script>