JavaScript专精系列(3)——关于闭包

1、什么是闭包

闭包，很多人都从概念上来说，个人认为，对于初学者，概念只会让一个简单的问题复杂化！

下面这个示例，大概就是最简单的闭包了！

//示例一
function a(){
    var i = 1;
    return function(){ console.log(i) }
}

执行函数a，返回了一个函数，这个返回的函数可以继续被执行！同时，可以打印 i 的值。而作为一般函数，执行完毕，它的内部变量就被释放了。不会像这个示例，执行a之后，还能继续执行它返回的函数，最终打印出 i 的值。

所以，闭包和普通函数有这样的一些区别：

• 不会在执行后立即释放自己的内存。（还要被自己返回的函数调用自己的局部变量 i）。
• 能够从函数的外部访问到内部的变量。（普通函数在外面打印 i 是undefined，而闭包可以把一个函数的局部变量 return 出去）。

2、闭包和作用域、作用域链相关

什么是作用域以及作用域链？

简单的来说，作用域就是一个函数可访问的变量的存在范围大小。而对于作用域链，内层函数总比外层函数多了一层变量的访问空间，从而形成的一条关于变量访问空间的链条（这个链条中，内层函数总是比外层函数可访问空间大一圈）。

//示例二
function a(){
    //函数a的访问空间只是全局变量。
    function b(){ 
        //函数b的访问空间包括全局作用域+a的局部变量作用域
    }
}

在JavaScript中，一个函数执行完毕，其内存就会被释放，除非在函数外部会有对这个函数的内部函数的引用。（通俗的话就是，除非我还调用着这个函数的内部函数。因为内部函数有访问外部函数变量的权限，所以哪怕这个外部函数执行了，只要内部函数还在被调用，它的内存依然没有被释放。）

//示例三
function a(){
    var i = 0;
    return function(){ alert(i) }
}
a();
//执行了函数a，但是返回的内部函数还没有被执行，所以就形成闭包！

a()();
//如果不执行这一句，那么关于 i 的变量会永远保存在浏览器中，直到浏览器关闭。

所以我们得出这样的结论：

• 闭包的本质是当前函数的局部函数在外部被引用！！
• 闭包会浪费内存，闭包的不当使用会浪费大量内存！！

3、那么它们属于闭包吗？

——————我的示例——————

//示例四
(function(){
    var i = 0;
    function a(){
        console.log(i);
    }
})()；

我的解读：（这不是一个闭包）

1，形似闭包，但是本质是个匿名函数，形成了一个局部作用域的效果而已。
2，在外部无法访问 a 函数，更无法访问 i 。

——————我的示例——————

//示例五
function a(){
    var i = 0;
    b = function(){ 
        console.log(i);
    }
}
a();
//执行完毕后，b 函数还在引用变量 i ，无法释放内存

我的解读：（是一个闭包）

1，函数 a 执行完毕，定义 b，而 b 因为是一个全局变量，造成了对 a 函数的局部函数的引用。
2，这种引用无法立即释放内存。

——————我的示例——————

//示例六
for(var i = 0; i < 5; i++){
    //循环添加事件
    obj.onclick = (function(m){
        return function(){ alert(m) }
    })(i);
}

我的解读：（是一个闭包）

1、返回的函数，被dom事件引用。
2、m通过自启动函数的方式，形成了闭包，但是没有释放内存。
3、通过闭包的方式，存储了 i 的值。
4、是个双重的闭包，里层闭包存储 i 的值，外层闭包看下面的示例。

——————我的示例——————

//示例六
for(var i = 0; i < 5; i++){
    //循环添加事件
    obj.onclick = function(){ 
        console.log(i);
    };
}

我的解读：（是一个闭包）

1、外层引用是onclick事件，引用的函数就是 console.log(i) 的函数。
2、for循环执行完毕，由于 i 没有块级作用域，所以最终 i 都变为 5。这是dom操作中由闭包引发的一个问题。

4、我的总结

1、闭包是在函数外部对函数变量的引用。
2、闭包的引用机制，以消耗内存为代价。
3、尽量减少闭包的使用。
4、闭包实现的常见场景：
    循环添加事件
    函数内部return function
    函数内部定义外部function
5、闭包和作用域，闭包使得作用域链变得复杂。