函数的自行总结

0.1：了解函数

     （1）： 首先函数和数学中的函数没有关系  和一元二次方程啥的都没有关系

     （2）： 我们的函数就是JS里面的数据类型而已

     （3）： 比如说我们的一个变量可以存储数值  字符串  布尔值   我们的函数也是一种数据类型而已

     （4）： 函数是复杂数据类型的一种

     （5）：就是封装了一段可以被重复执行调用的代码块，目的就是让大量代码重复使用

0.2：在js（javascript）里面

     （1）:    函数就相当于一个盒子

     （2）： 用来承载一段代码  当你需要执行这一段代码的时候

     （3）： 只需要呼唤这个盒子就可以了

     （4）： 实际上就是对一段代码的封装

0.3：整个过程分为两步

     （1）： 把代码装到盒子里面（ 第一步我们称为定义函数   声明函数）

     （2）： 使用盒子里面的代码（第二步我们称为调用函数）

0.4：例如   

function fn() {
            console.log('我是声明式函数fn里面的代码');
        }//这是一个声明式函数



fn()//调用这个函数

    

 var fun = function() {
            console.log('我是赋值式函数fun里面的代码');
        }//这是一个赋值式函数


fun()//调用这个函数

0.5：函数的参数

      （1）：定义一个函数

function fn(a, b) {
            // 定义了两个变量  一个叫做a   一个叫做b
            // 只不过这两个变量不是直接赋值的，而是有实参决定的
            // 但是这两个变量只能够在函数里面使用  出了函数就不在使用了
            console.log(a);
            console.log(b);
        }



//调用函数
// 本次调用fn函数的时候  传递了两个参数
// 其中100赋值给了a   200赋值给了b   
 fn(100, 200)

0.6：案例

       （1）：利用函数求任意两个数的和

  function getSum(num1, num2) { //num1=1   num2=3
            console.log(num1 + num2);
        }
        getSum(1, 3); //4
        getSum(3, 8); //11

        （2）：利用函数求任意两个数之间的和

function getSums(start, end) { //start=1  开始   end=100 结束
            var sum = 0;
            for (var i = start; i <= end; i++) {
                sum += i;
            }
            console.log(sum);
        }
        getSums(1, 100); //5050
        getSums(1, 10); //55

        （3）：注意 

                （多个参数之间用逗号隔开）

                （形参可以看做是不用声明的变量 直接接受实参里面的数据）

                （有参数的把参数写到函数体里面）

0.7:函数封装九九乘法表案例

 <script>
        // 打印九九乘法表
        // 跟我们之前写的差不多   但是我们之前是在控制台输出的  现在我想要在页面中输出九九乘法表
        // 双层for循环即可

        function fn() {
            for (var i = 1; i <= 9; i++) {
                for (var j = 1; j <= i; j++) {//九九乘法表从一开始所以j=1
                    document.write(j + '*' + i + '=' + j * i + '&nbsp;&nbsp;&nbsp;&nbsp;')
                }

                // 内层循环结束加上一个换行
                document.write('<br/>')
            }
            return
        }
        fn()
</script>