JavaScript 函数

1.理解函数

（1）函数的含义

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript函数语法,函数就是包裹在花括号中的代码块，前面使用了关键词 function： 当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。

      ① 函数概述：具有一定功能的代码块(一句或多句)
      ② 函数特点：可以重复调用, 隐藏内部的实现。

（2）函数的作用

      ① 实现功能的封装，提高代码复用率
      ② 用于构建对象的模板（构造函数）

（3）函数的组成部分

      ① 函数名(必须的)
      ② 函数体(必须的)
      ③ 参数(可以省略)
      ④ 返回值(可以省略)

（5）函数的使用原则

高内聚和低耦合
      ① 高内聚(函数只有一个功能)
      ② 低耦合(函数与外界的关系要少)

调用函数 ：函数名();

2.声明函数

(1)声明语法

 第一种方法 ： 函数声明式
   function 函数名(参数){
       //代码块  -- 函数体
       return  返回值
   }


  第二种方法: 变量声明式
    var 函数名 = function(){
	    //代码块  -- 函数体
	    return  返回值
    }

（2）实际应用

方法一：
 	<script>
        // 函数声明
        function sum(a, b) {
            return a + b;
        }
        //函数声明之后，需要调用才能执行
        // 函数调用：函数名(实参)
        console.log(sum(1, 2));  //返回的结果为3
    </script>


方法二：
	<script>
        // 函数声明
        var sum = function (a, b) {
            return a + b;
        }
        // 函数调用：函数名(实参)
        console.log(sum(1, 2)); //返回值为3
    </script>

3.函数的参数

（1）形参：定义函数时写的参数
（2）实参：调用时传递的参数
（3）形参与实参的关系：形参是实参复制(拷贝)

代码示例：
 function 榨汁机(水果){   // 这里的水果就是形参
      旋转;
      产生果汁;
      返回 果汁；
 }  
榨汁机(苹果);     //这里的苹果就是实参

4.函数的返回值

通过return 来进行返回；结束当前函数，且返回相应的值；
注意：
① return 只能返回一个值;
② return 后面的语句不在执行;
③ 巧妙的利用return 来跳出函数;
④ 如果没有return ，返回的值 undefined;

5.函数的作用域

（1）函数的声明可以提升; 用var 声明的变量可以提升,但是赋值不能提升；
（2）变量的作用域(变量使用的范围)：
       let : 有块级作用域;在块级申明的变量，只能在对应块级使用
       var :
        ① 全局作用域: 函数外申明的,所有的地方都可以使用
        ② 局部作用域: 函数内申明的, 只能申请它的局部可以用
（3）当没有写变量声明的关键字时, 默认是全局变量

5.函数的分类

（1） 无参无返回值

 	<script>
        // 定义函数
        function sum() {
  			// 声明变量      
            let num1 = 5;
            let num2 = 7;
            let Sum = num1 + num2;
            // 这里也没有返回值
        }
        // 调用函数 没有传入参数
        sum();
    </script>

（2）无参有返回值

 	<script>
        // 定义函数
        function sum() {
       		// 声明变量
            let num1 = 5;
            let num2 = 7;
            let Sum = num1 + num2;
            // 有返回值
            return Sum;
        }
        // 调用函数 没有传入参数
        sum();
    </script>

（3）有参无返回值

 	<script>
        // 定义函数
        function sum(num1, num2) {
            // 声明变量
            let num1 = 5;
            let num2 = 7;
            let Sum = num1 + num2;
            // 没有返回值
        }
        // 调用函数 传入参数
        sum(num1, num2);
    </script>

（4）有参有返回值

 	<script>
        // 定义函数
        function sum(num1, num2) {
            // 声明变量
            let num1 = 5;
            let num2 = 7;
            let Sum = num1 + num2;
            // 有返回值
            return Sum;
        }
        // 调用函数 传入参数
        sum(num1, num2);
    </script>