Javascrip基础（函数）

1. 函数的概念

封装了一段可被重复调用执行的代码块，通过函数可以实现大量代码的重复使用。函数是一种数据类型。

 <script>
        //1. 1~100累加和
        var sum = 0;
        for (var i = 1; i <= 100; i++) {
            sum = sum + i; //sum+ =i

        }
        // alert(sum);  //5050

        // 2. 求 10~50的累加和
        var sum = 0;
        for (var i = 10; i <= 50; i++) {
            sum = sum + i;

        }
        // alert(sum);  //1230

        // 3. 函数就是封装了一段可以被重复执行调用的代码块 目的： 就是让大量代码重复使用
        function getSum(num1, num2) {
            var sum = 0;
            for (var i = num1; i <= num2; i++) {
                sum += i
            }
            alert(sum);
        }
        getSum(1, 100); //5050
        getSum(10, 50); //1230
    </script>

2. 函数的使用

声明函数、调用函数

 <script>
        // 函数使用分为两步： 声明函数 和 调用函数
        // 1. 声明函数
        // function 函数名() {
        //     // 函数体
        // }
        function sayHi() {
            console.log('hi~~');

        }
        // (1) function 声明函数的关键字 全部小写    就跟var 很相似，标志声明变量
        // (2) 函数是做某件事情，函数名一般是动词 sayHi 
        // (3) 口诀：函数不调用自己不执行

        // 2. 调用函数
        // 函数名();
        sayHi();
        // 调用函数的时候千万不要忘记加小括号
    </script>

3. 函数的封装

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

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


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

3. 函数的参数

  // 1. 函数可以重复相同的代码
        // function cook() {
        //     console.log('酸辣土豆丝');

        // }
        // cook();
        // cook();

        形参：函数定义时候，传递的参数(实参值传递给形参,不用声明的变量)

        实参：函数调用时候，传递的参数

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

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

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

        // function cook(aru1, aru2) {  //形参是接受实参的  aru='酸辣土豆丝' 形参类似于一个变量
        //     console.log(aru1, aru2);
        // }
        // cook('酸辣土豆丝', '大肘子');

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

案例： 利用函数求任意两个数的和

<script>
        // 1. 利用函数求任意两个数的和
        // 形式1：
        // function getSum(num1, num2) {
        //     var sum = 0;
        //     sum = num1 + num2
        //     console.log(sum);
        // }
        // getSum(1, 3);     //4

        //  形式2（推荐）
        function getSum(num1, num2) {
            console.log(num1 + num2);
        }
        getSum(1, 3) //4   
        getSum(8, 3) //11  

       // 2. 利用函数求任意两个数之间的和
        function getSums(start, end) {
            var sum = 0;
            for (var i = start; i <= end; i++) {
                sum = sum + i; //sum +=i;
            }
            console.log(sum);
        }
        getSums(1, 100); //5050
        getSums(1, 10); //55

return 返回一下：
 func