js中的function函数以及封装函数

函数实际上就是代码块 为了简化大量重复的代码 而进行的封装函数 使用时将其调用即可

首先了解函数的两种声明方式（简言之 怎么使用

 1.利用函数关键字自定义函数 也称命名函数

function fn(){

}
fn();

2.函数表达式 var 变量名 = function (){ }；

函数表达式声明方式和声明变量差不多 只不过变量里面存的是值 而函数表达式里存的是函数

函数表达式也可以进行传递参数

    var fun = function() {
        console.log('我是函数表达式');
    }
    fun();

    
     var fun = function(aru) {
        console.log('我是函数表达式');
        console.log(aru); //把pink实参 传递给形参aru 所以打印就是我是实参pink
    }
    fun('我是实参pink');

函数返回值格式

function 函数名（）{

        return 需要返回的结果；   // return相当于终止函数 后面的代码不会被执行

}

函数名（);

实参个数等于形参个数 输出正确结果

实参个数多于形参个数 只取到形参的个数

实参个数小于形参个数 多的形参定义为undefind 结果为NaN

    <script>
        function color(aru) { //aru形参  形式上的参数 类似于一个变量
           return aru;
        }
        console.log(color('pink')) //pink 实参 实际参数
    </script>

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

    <script>
        function getSum(num1, num2) {
            return num1 + num2;
        }
        console.log(getSum(1, 100));
    </script>

return只能返回一个值 以最后一个值为准 所以如果需要返回多个值 可以用数组

    <script>
        function getSum(num1, num2) {
            //return num1,num2  只输出num2
            return [num1 + num2, num1 - num2, num1 * num2, num1 / num2];
        }
        var re = getSum(10, 2);
        console.log(re);
    </script>

案例：利用函数 求两个任意数的最大值

    <script>
        function getMax(num1, num2) {
            if (num1 > num2) {
                return num1;
            } else {
                return num2;
            }
            // return num1 > num2 ? num1 : num2;   方法2:三元表达式
        }
        console.log(getMax(10, 20));    //20
    </script>

求一串数组中的最大值

i=1   索引号0已经给了最大值 所以从1开始比较

    <script>
        function getArrMax(arr) {
            var max = arr[0];  //取arr中的第一个值做最大值 依次向后比较
            for (var i = 1; i <= arr.length; i++) {
                if (arr[i] > max) {
                    max = arr[i];
                }
            }
            return max;
        }
        //定义一个变量来接受函数的返回结果 使用更简单
        var re = getArrMax([3, 10, 4, 20, 60, 99]);
        console.log(re);
    </script>