闭包

如何产生闭包？

当一个嵌套的内部（子）函数引用了嵌套的外部（父）函数的变量（函数）时，就产生了闭包

产生闭包的条件：

函数嵌套

内部函数引用外部函数的数据（变量/函数）

闭包作用：

1. 使用函数内部的变量在函数执行完后，仍然存活在内存中（延长了局部变量的声明周期）
2. 让函数外部可以操作（读写）到函数内部的（变量|函数）

问题：

1. 函数执行完后，函数内部的局部变量不再存在

   例如下面的代码fn2局部变量被销毁，但是其函数对象仍有f在指向，所以没有释放

   但是变量a仍然存在，因为有闭包在用

   如果没有引用闭包，内部变量将被销毁

2. 在函数外部不能直接访问函数内部的局部变量，只能通过闭包进行访问

function fn1() {
//因为函数提升的原因，此时闭包就已经产生了
            var a=2;
            function fn2() {
                a++;
                console.log(a);
            }
            //闭包产生
            var fn3 = function(){
            
            }
            return fn2();
        }

        var f = fn1();
        f();
        f();
        f=null; //闭包死亡，原因是因为包含闭包的函数对象称为垃圾对象
       

闭包的声明周期：

1. 产生: 在嵌套内部函数定义执行完时就产生了，而不是在调用的时候
2. 死亡：在嵌套的内部函数称为垃圾对象时

闭包的应用：定义js模块

1. 具有特定功能的js文件
2. 将所有的数据和功能都封装在一个函数内部（私有的）
3. 只向外暴露一个含有n个方法的对象或函数
4. 模块的使用者，只需要通过模块暴露的对象调用方法来实现对应的功能

(function () {
    var msg = 'mymodulestring';
    function domodule() {
        console.log('domodule'+msg.toUpperCase());
    }

    function doother() {
        console.log('doother'+msg.toLowerCase());
    }

    //立即函数自调用，通过添加为window属性实现暴露
    window.mymodule2 = {
        domodule:domodule,
        doother:doother
    };
})();


//方便代码压缩
(function (w) {
    var msg = 'mymodulestring';
    function domodule() {
        console.log('domodule'+msg.toUpperCase());
    }

    function doother() {
        console.log('doother'+msg.toLowerCase());
    }

    //立即函数自调用，通过添加为window属性实现暴露
    w.mymodule2 = {
        domodule:domodule,
        doother:doother
    };
})(window);

闭包缺点

函数执行完后，函数内的局部变量没有释放，占用内存时间会变长

容易造成内存泄露

因此，要尽量避免应用闭包，即使用闭包，也要及时释放

1. 内存溢出：

一种程序运行出现的错误

当程序运行需要的内存超过了剩余的内存时，就会抛出内存溢出的错误

2. 内存泄露

占用的内存没有及时释放

内存泄露积累多了就容易导致内存溢出

3. 常见的内存泄露：

意外的全局变量

没有及时清理的计时器或回调函数

闭包

var name = 'the window'
var object = {
    name:'my object',
    getNameFunc:function(){
        return function(){
            return this.name;
        }
    }
}

console.log(object.getNameFunc()()); //the window

var name2 = 'the window'
var object2 = {
    name2:'my object',
    getNameFunc:function(){
        var thar = this;   //有闭包，内部函数引用了外部函数变量
        return function(){
            return this.name;
        }
    }
}
console.log(object2.getNameFunc()()); //my object