js中的函数

函数

作用：

• 简化代码
• 方便维护
• 提高开发效率
• 提高了代码的复用性，减少代码冗余

格式：

function 函数名（参数...）{
         函数执行的代码
                }  
//【注意】函数先定义后调用

分类：
1.内置函数（官方提供的函数，系统自身拥有函数）；

alert();//弹出
document.write();//输出在网页中
console.log();//输出在控制栏
parseInt();//取整
parseFloat();//可以显示出浮点数

2.自定义函数
根据参数和返回值的不同，可将函数分为四种。

• 无参数无返回值

        function sum() {
            var sum = 0;
            for (var i = 1; i <= 100; i++) {
                sum += i;
            }
            alert(sum);
        }
        sum();//调用

• 有参数无返回值
  形参 形式上参数
  实参 实际参数

        // 求1-n的和,将结果输出到页面。
        function sum(n) {
            var sum = 0;
            for (var i = 1; i <= n; i++) {
               sum += i;
            }
            document.write(sum);
        }
        sum(100);

• 无参数有返回值

 // 求1-100的和,将结果输出到页面。
        function sum() {
            var sum = 0;
            for (var i = 1; i <= 100; i++) {
               sum += i;
            }
            return sum;
            // document.write(sum);
        }
       
        // 1.调用，将结果弹出
        var a = sum();
        // alert(a);
        // 2 调用，将结果输出到页面上
        document.write(a);
        // 3.调用 将结果输出到控制台。
        console.log(a);


        // 返回值：对函数执行完成的结果的返回。
        // return:结束当前函数，并将return后面的值（表达式/变量）作为函数的运行结果返回。
        // 当我们需要对函数的运算结果进行不同的处理时，需要将函数的结果返回。

• 有参数有返回值

function sum(n) {
            var sum = 0;
            for (var i = 1; i <= n; i++) {
               sum += i;
            }
            return sum;
            // document.write(sum);
        }
       
        // 1.调用，将结果弹出
        var a = sum(100);
        // alert(a);
        // 2 调用，将结果输出到页面上
        document.write(a);
        // 3.调用 将结果输出到控制台。
        console.log(a);

封装函数
1.确定函数的执行代码：函数体。
2.找出变量（不确定值。），将其设置为形参
3.如果需要对返回结果进行不同的处理，则定义返回值。

//示例：将数组 ["苏轼", "辛弃疾", "李白"]，用"|"连接起来
        var arr = ["苏轼", "辛弃疾", "李白"];
        function joint(arr) {
            var str = "";
            for (var i = 0; i <= arr.length - 1; i++) {
                str += arr[i];
                if (i == arr.length - 1){
                	continue
               	}
                str += "|";
            }
            return str;
        }
        alert(joint(arr));

arguments
arguments是用来存储实参。

         function joint() {
            var str = arguments[0];
            for (var i = 1; i < arguments.length; i++) {
                str = str + "|" +arguments[i];
            }
            document.write(str);
         }
         joint("苏轼","辛弃疾","李白","李商隐","杜甫");//可以一直添加都会用“|”连接起来

作用域
作用域：变量存在的范围
全局变量：

• 直接写在Script标签中的变量，在页面中的任意位置都可以访问到。
• 在页面打开创建，在页面关闭时销毁。

局部变量：

• 局部变量是定义在函数内部的变量.这个变量只能在函数内使用.例外,函数中的形参也是局部变量.
• 每一次调用时创建，调用结束会销毁。

【注意】：

• 如果局部变量与全局变量重名，则使用局部变量。若函数内部没有找到该变量，则去全局变量中查找。

递归
函数之间可以互相调用，如果函数内部调用了其自身，则我们称其为递归调用。
特点：

• 函数自己调用自己。
• 一般情况下还有参数。
• 一般情况下有返回值。

方法：

• 找这一次计算与上一次计算的关系。
• 调用自身
• 找到函数结束的条件。

        //示例： 求n的阶乘
        function fac(n) {
             if (n==1) {
                 return n;
             }
             return n*fac(n-1);
        }

//示例：设有一对新生兔子，从第四个月开始每个月初都会生一对兔子，新生的兔子从第四个月开始也会每个月初生一对兔子，按照这个规律，假设兔子没有死亡，n（n<=20）个月月末后共有多少对兔子。
         function rabbit(n) {
             if (n<4) {
                 return 1;
             }
             return rabbit(n-1)+rabbit(n-3);//可获得规律，本月成熟兔：上个月的成熟兔+上上上个月的成熟兔 
         }
         alert(rabbit(9));