JavaScript闭包的学习总结

JavaScript闭包的学习总结

什么是闭包

闭包是指有权访问另一个函数作用域中的变量的函数。因此，闭包的最大用处就是防止对全局作用域的影响和污染。
JS中变量的作用域

要掌握JS的闭包，首先要知道JS特殊的变量作用域。变量的作用域，无非就是全局变量和局部变量两种。而在JS中，函数内部可以直接拿到全局变量。

下面给出几个代码示例

window.onload = function () {
    var temp = 666;
    function f() {
        alert(temp);
    }
    f();    //666
}

显然，函数内部可以直接拿到全局变量。

window.onload = function () {
    function f() {
        var temp = 666;
    }
    alert(temp);    //控制台报错：temp is not defined
}

而在全局下，则不能拿到函数内部的变量。

window.onload = function () {
    function f() {
        temp = 666;
    }
    f();
    alert(temp);    //666
}

注意：如果在函数内部声明变量的时候没有使用var，则是声明了一个全局变量。
一个简单的闭包

window.onload = function () {
    function f1() {
        var temp = 666;

        function f2() {
            alert(temp);
        }

        return f2;
    }
    var re = f1();
    re();    //666
}

在上面的代码中，实现了一个简单的闭包，函数f2包含在函数f1中，如此f1中的所有变量对f2都是可见的。（这里涉及到JS的“链式作用域“结构特点：子对象会一级一级向上寻找所有父对象的变量。因此，父对象的变量对子对象都是可见的）函数f1的返回值是函数f2，而f2在f1内部，能够访问到局部变量temp，当f2作为f1的返回值赋值给全局的变量时，在全局作用域访问到了temp，这就是闭包。

闭包的原理

每个函数都有自己的执行环境，当一个函数被执行时，它的执行环境就会被推入环境栈，其活动对象（存储环境中定义的变量及函数）加入作用域链中，一旦函数执行完，栈将其环境弹出，活动对象被销毁。对于上面的例子来说，f1执行完之后将返回f2给了re，f1的执行环境从环境栈弹出，控制权交给全局环境，f2的活动对象理应被销毁。但此时f2已经存储在全局活动对象中了，同时f2需要访问temp，所以f1的活动对象没有被销毁，即使f1执行完毕，f1的活动对象依然存在于作用域链中，只有当re被销毁，f1的活动对象才会彻底释放。
闭包的用途

闭包最大的用处有两个：一个是可以拿到函数内部的变量，另一个就是可以延长这些变量的生存时间。

示例代码

window.onload = function () {
    function f1() {
        var n = 999;
        nAdd = function(){n += 1}
        function f2(){
　　　　　　alert(n);
　　　　}
　　　　return f2;  
　　}
　　
    var result = f1();
　　result(); // 999
　　nAdd();
　　result(); // 1000
}

在这段代码中，result实际上就是闭包f2函数。它一共运行了两次，第一次的值是999，第二次的值是1000。这证明了，函数f1中的局部变量n一直保存在内存中，并没有在f1调用后被自动清除。为什么会这样呢？原因就在于f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。

使用闭包时的注意点

由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

搜集：如何让将js闭包内部局部变量全部删除

var foo = (function() {
    var n = 0;
    return {
        add: function () {
            return ++n;
        },
        clearVariable: function () {
            n = null;
        }
    }
})();

外部无法访问到闭包里面的变量， 但可以在闭包内部返回一个方法， 该方法将闭包内部的变量设置为null， 让变量失去引用，会被系统自动回收。

实际上如果只是要把闭包内的一些变量给删除， 那么我觉得这样的程序设计是有问题的， 如果你的变量只需要用一次，就要删除，那么使用闭包来实现这样的方法显然是浪费。 如果闭包不需要了， 想删除闭包，直接 foo = null; 就可以了。