JavaScript函数的基础知识—介绍、3种创建方式、参数、返回值，立即执行函数等（关注收藏，持续更新）

一、函数是什么？

        函数，就是一个一系列JavaScript语句的集合，这是为了完成某一个会重复使用的特定功能。在需要该功能的时候，直接调用函数即可，而不必每次都编写一大堆重复的代码。并且在需要修改该功能的时候，也只要修改和维护这一个函数即可。

总之，将语句集合成函数，好处就是方便代码重用。并且，一个好的函数名，可以让人一眼就知道这个函数实现的是什么功能，方便维护。

函数的使用只需要2步：

（1）定义函数；

（2）调用函数；

二、函数的3种创建方式

第一种方式 创建一个函数对象

——我们在实际开发中很少使用构造函数来创建一个函数对象

——可以将要封装的代码以字符串的形式传递给构造函数

—— 封装到函数中的代码不会立即执行，函数中的代码会在函数调用的时候执行

调用函数语法：函数对象()

当调用函数时，函数中封装的代码会按照顺序执行

      var fun = new Function("console.log('hello 这是我的第一个函数')");
      console.log(typeof fun);//function
      fun();

第二种方式 使用函数声明来创建一个函数

——语法：function 函数名（[形参1,形参2,形参3,形参4....形参n]）{

                语句.....

                }

   function fun2() {
        console.log("这是我的第二个函数～～～");
        alert("hahahaha");
        document.write("wuwuwuwu");
      }
      fun2(); //调用函数

第三种方式 使用函数表达式来创建一个函数

        var 函数名=function（[形参1,形参2,形参3,形参4....形参n]）{

                语句.....

                }

  var fun3 = function () {
        console.log("我是匿名函数中的封装的代码");
      }; //相当于赋值语句
      fun3(); //调用函数

三、函数参数

1:定义形参

可以在函数的（）中指定一个或多个形参（形式参数），多个形参之间使用","号隔开，声明形参就相当于在函数内部声明了对应的变量，但是并不赋值

function sum(a,b){
           console.log(a+b);
       }

2：赋值

在调用函数时，可以在()中指定实参（实际参数），实参将会赋值给函数中对应的形参，且可多次调用

       sum(123,456);     
       sum(123,'hello')
       sum(true,false)
       sum(1)

3：注意

注意：

a:调用函数时，解析器不会检查实参的类型，所以要注意，是否有可能会接收到非法的参数

函数的实参可以是任意的数据类型

b:调用函数时，解析器也不会检查实参的数量，多余的实参不会被赋值，如果实参的数量少于形参的数量，则没有对应实参的形参将是undefined

四：函数返回值

使用return 来设置函数的返回值

1、语法：return 值

         return后的值将会作为函数的执行结果返回，可以定义一个变量，来接受该结果

2、注意：

        a:在函数中，return之后的语句就都不会执行

        b:如果return语句后不跟任何值，就相当于返回一个undefined

        c:如果函数中不写return，则也会返回undefined

        d:return后可以跟任意类型的值

  <script>
      // 需求：创建一个函数，用来计算三个数的和
      function sum(a, b, c) {
        //alert(a+b+c);
        var d = a + b + c;
        return d;
      }
      //调用函数，变量result的值就是函数的执行结果
      var result = sum(4, 7, 8);
      //函数返回什么，result的值就是什么
      console.log("result=" + result);
    </script>

3、对比break，ontinue，return

        break;//退出当前的循环

        continue;//用于跳过当次循环

        return;//使用return可以结束整个函数

4、返回值可以是任意的数据类型

         //1:返回值对象
        function fun2() {
            //return 10;
            var obj = { name: "沙和尚" }
            return obj;//return {name:"沙和尚"}        
        }
        var a = fun2();
        console.log("a=" + a);

        //2:返回值是函数
        function fun3() {
            //在函数内部还可以声明一个函数
            function fun4() {
                alert("我是fun4");
            }
            //将fun4函数作为返回值返回
            return fun4;
        }
         a = fun3();//将箱子里的冰淇机器赋值，也就是fun4
         a=fun3;//与上面的区别，整个fun3函数赋值
        console.log(a);

五、立即执行函数

立即执行函数，函数定义完后，立即被调用，立即调用函数，往往只会执行一次

 <script>
       (function(){
           alert("我是一个匿名函数～～～");
       })();//外面的()是把整个函数当作函数名，后面的()是调用函数的意思
    
       (function(a,b){
           console.log("a="+a);
           console.log("b="+b);
       })(123,456);//不仅可以调用，还可以传值
    </script>