01即时函数(立刻马上就调用执行的函数)

即时函数的组成

01 函数（函数名|参数|返回值|函数体）
02 使用一个()把函数包裹起来
03 使用一个()马上来调用这个函数

即时函数的基本写法

<script>
    (function(){
        console.log("第一种写法")
    })();

    (function(){
        console.log("第二种写法");
    }());

    +(function(){
        console.log("第三种写法");
    })();

    -(function(){
        console.log("第四种写法")
    })();

    !(function(){
        console.log("第五种写法")
    })()


</script>

即时函数的作用

会创建一个函数作用域名,把所有的变量都包装在当前作用域当中，不会有全局变量污染的问题

即时函数的参数和返回值问题

<script>
    var result = (function(str){
        console.log(str);
        return function (){
            return str + '开始开始';
        }
    })("我是实参吧-----------");

    console.log(result());
</script>

即时对象初始化

基本写法 : ({init:function(){}}).init()
使用场景 : 初始化操作
和惰性函数定义很像,如果在代码中需要做一些一次性的初始化操作,那么就可以使用这种方法

<script>
    ({
        name : "王者荣耀",
        age : 9999,
        showName : function(){
            console.log(this.name);
        },
        showAge : function(){
            console.log(this.age);
        },
        init : function(){
            this.showName();
            this.showAge();
        }
    }).init()
</script>

---

惰性函数

定义：函数的真正内容在调用一次之后才确定，能够实现自我更新

应用场景：需要先做一次的初始化出处理

使用注意:

01 如果在函数上面添加了属性,那么进行自我更新之后这个属性会丢失
02 如果把函数赋值给其他的变量,那么我们以变量的方式来调用,那么将会永远执行旧的函数体不会自我更新
03 如果把函数赋值给对象,成为对象的方法,那么我们以对象的方法来调用

基本写法

<script>
    function foo(){
        console.log("foo!");

        //主要处理初始化操作......

        //实现函数的自我更新
        foo = function(){
            console.log("foo!! foo!!");
        }
    }
    foo(); //foo!
    foo(); //foo!! foo!!
    foo(); //foo!! foo!!
</script>

01 如果在函数上面添加了属性，那么进行自我更新后这个属性会丢失

<script>
    function f1(){
        console.log("f1");
        f1 = function(){
            console.log("新的函数体");
        }
    }

    //函数是一个对象,因此可以添加属性
    f1.des = "描述信息";
    f1();
    console.log(f1.des); //undefined
    f1();
    f1();
</script>

02 如果把函数赋值给其他的变量,那么我们以变量的方式来调用,那么将会永远执行旧的函数体不会自我更新

03 如果把函数赋值给对象,成为对象的方法,那么我们以对象的方法来调用

<script>
    function f1(){
        console.log("f1");
        f1 = function(){
            console.log("新的函数体");
        }
    }

    // 把函数赋值给变量
   /* var func = f1;
    func(); //f1
    func(); //f1
    func(); //f1
    f1();*/

    // 把函数赋值给对象
    var obj = {};
    obj.demoFunc = f1;
    obj.demoFunc();
    obj.demoFunc();
    obj.demoFunc();

</script>