前端之对闭包的理解

        对于我来说, 闭包其实一直都是一个比较抽象的概念... 当然从简单了说就是内层的函数可以调用外层函数的数据, 也就是函数套函数, 但是总感觉更深一层的理解还在下面, 感觉还隔着一层玻璃, 没有get到那个点. 

首先,关于闭包是什么

        首先需要知道的是, 其实闭包就是一个函数. 我们都知道, 在js中, 函数内部可以调用全局变量, 但是在全局里面是无法获取到函数内部变量的, 那么这个时候的闭包函数就可以获取到自己外层函数的数据, 通过闭包返回出去, 使得全局也可以使用这个值. 所以说闭包函数也就是可以读取其他函数内部变量的函数.  就如下代码:

function out(){
    var num = 10;
    return function(){
        console.log(c++);
    }
}

var inn = out();
inn();  //10
inn();  //11
inn();  //12

里面那个function就是一个比较简单的闭包函数啦! 通过打印结果也可以看出来, 闭包里面使用的变量会一直存储在内存中, 所以这里需要注意到闭包的一个问题, 就是可能会造成内存泄漏, 因此不用的时候一定要释放掉 ==> 给function赋个null.

那么,为什么要使用闭包呢?

        其实也就是说闭包的作用啦. 通过上面的分析其实也可以看出来, 闭包最大的作用大概有两个: 一个是可以读取函数内部的变量 , 第二个就是能让内部存储的变量一直存储在内存中,没有自动清除.

当然,使用闭包的话,还要注意的一点就是this指向的问题, 关于这个问题可以分析一下以下两段代码:

var name = 'The Window';
        var object = {
            name: 'My Object',
            getNameFunc: function () {
                return function () {
                    return this.name;
                };
            }
        };
alert(object.getNameFunc()());

var name = 'The Window';
        var object = {
            name: 'My Object',
            getNameFunc: function () {
                var that = this;
                return function () {
                    return that.name;
                };
            }
        };
alert(object.getNameFunc()());

!!还有需注意:

①由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。
②闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

当然还有几个点不是很明白, 既然是为了让外部能够使用函数内部的变量, 那么如果直接把函数变量return出去, 而不是再加一个闭包函数呢?......