函数细节2

 <script>

        //关于变量提升现象：
        console.log(a);     //undefined
        var a = "Hello";    
        console.log(a);     //Hello

        // 上面的表达式由于变量提升，变成下面的样子。这就是变量提升的现象

        var a;
        console.log(a);
        a = "Hello";
        console.log(a);

        //在函数里面同样的道理
        var b = "Hello"
        function fn(){
            console.log(b);     //undefined
            var b = "Hi";       //变量提升提升到了函数内部一开始处
            console.log(b);     //Hi
        }

        fn();
        console.log(b);     //Hello


        //另外一种函数的声明方式
        /*
        匿名函数：
            像定义一个变量一样去声明，把整个函数看成一个变量，用函数表达式的方式声明：

        */
        //函数声明。（通常写的一种方式）
        fn1();
        function fn1(){
            console.log("fn1");
        }
        fn1();

        //匿名函数
        // function (){         
        //     console.log("这是一个函数表达式");
        // }        //直接这样写它是一个函数表达式，不赋值给变量的话会报错，需要一个变量接收它。
        // 如下：
        //函数表达式（又叫：命名函数表达式）
        var fn2 = function (){
            console.log("这是一个匿名函数");
        }
        fn2();      //只能在声明后调用（因为有变量提升）

        var fn3 = fn2;      //既然是变量，它还可以被重复赋值。
        fn3();    //现在这个函数相当于有两个名字：fn2,fn3。 这两个名字都可以调用它
        //函数声明也可以起这样的别名，重复赋值就行。所以不是说一个函数命名之后就不可改变，


        //立即执行函数：匿名函数不一定要赋给一个变量，有时候我们会见到如下几种函数，就叫立即执行函数
        //立即执行函数是一次性的，只能被执行一次。
        (function (){
            console.log("这是一个立即执行函数");
        })();

        /*立即执行函数也可以接收参数*/
        (function (name){
            console.log("Hello,",name);
        })("小明");

        /*立即执行函数也可以有返回值*/
        var r = (function (a,b){        //这里的 r 接收的是返回值，而不是这个函数。
            return a + b;
        })(5,7);
        console.log(r);

        console.log(typeof fn2);        //检测变量类型，在这里检测的结果是：function
        console.log(typeof fn3);



        /*
        js当中数据类型分为两大类
            1：基本数据类型：重复赋值时赋的是数据本身，所以一个修改不会改变另一个的结果；
                number，string，boolean，undefined，null
            2：引用数据类型：赋值时赋的是地址本身，操作了地址，一个修改就会影响所有的结果；
                array，object，function，Math，Date
        */
    </script>