[JavaScript知识库]JavaScript基础语法8-数组

?

• 函数的概念

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

• 函数的使用

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

1. 声明函数

2. 调用函数

?3. 函数的封装

函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口

    <script>
        // 利用函数计算1-100之间的累加和
        // 1. 声明函数
        function getSum(){
            var sum = 0;
            for(var i = 0; i <= 100; i++){
                sum += i;
            }
            console.log(sum);
        }
        // 2. 调用函数
        getSum();
    </script>

• 函数的参数

1. 形参和实参

?示例及注意点：

    <script>
        // 1. 函数可以重复相同的代码
        function cook(){
            console.log('番茄鸡蛋');
        }
        cook();
        cook();

        // 2. 我们可以利用函数的参数实现函数重复不同的代码
         /* function 函数名(形参1, 形参2...){ // 在声明函数的小括号里面是 形参 （形式上的参数）

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

        // 3. 形参和实参的执行过程
        function cook1(aru){  // 形参是接收实参的 aru = '酸辣土豆丝'; 形参类似一个变量
            console.log(aru);
        } 
        cook1('酸辣土豆丝');
        cook1('大肘子');

        //  函数的参数可以有，也可以没有  参数个数不限
    </script>

?案例

    <script>
        //  1. 利用函数求任意两个数的和
        function getAddNum(num1, num2){
            console.log(num1 + num2);
        }
        addNum(1,3);
        addNum(4,3);

        //  2. 利用函数求任意两个数之间的和
        function getSumNum(num1, num2){
            var sum = 0;
            for(var i = num1; i <= num2; i++){
                sum += i;
            }
            console.log(sum);
        }
        sumNum(1,5);
        sumNum(1,50);

        // 3. 注意点
        // （1） 多个参数之间用逗号隔开
        // （2） 形参可以看做是不用声明的变量
    </script>

?2. 函数形参和实参个数不匹配的问题

?注意： 在javaScript中，形参的默认值是undefined

案例

    <script>
        //  函数形参实参个数匹配
        function getSum(num1, num2){
            console.log(num1 + num2);
        }
        // 1. 如果实参的个数和形参的个数一致 则正常输出结果
        getSum(2,3);
        // 2. 如果实参的个数多于形参的个数 只取形参的个数，多于形参个数的忽略
        getSum(2,6,4);
        // 3. 如果实参的个数小于形参的个数
        // 形参可以看做是不用声明的变量 num2 是一个变量但是没有接受值 结果是undefined
        getSum(2); //NaN
        // 建议 我们尽量让实参的个数和形参相匹配
    </script>

?3. 小结

• 函数的返回值

1. return语句

    <script>
        // 函数是做某件事或者实现某种功能
        function cook(aru){
            console.log(aru);
        }
        cook('大肘子');

        // 2.函数的返回值格式
        function 函数名(){
            return 需要返回的结果;
        }
        函数名();
        // (1) 函数只是实现某种功能， 最终的结果需要返回给函数的调用者 函数名()
        // (2) 只要函数遇到return 就把后面的结果 返回给函数的调用者 函数名() = return后面的结果
        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());
    </script>

?

• arguments的使用

• 函数案例

• 函数的两种声明方式

?