JavaScript闭包

1. Js变量的作用域

chap02/demo01.jsp

<script type="text/javascript">
    var a=22;
    function func(){
        alert(a);
    }
    func();
</script>

http://localhost:8080/HeadFirstJavaScript/chap02/demo01.jsp
22

chap02/demo02.jsp

<script type="text/javascript">
    function func() {
        var a = 22;
        // a = 22;
    }
    func();
    alert(a);
</script>

http://localhost:8080/HeadFirstJavaScript/chap02/demo02.jsp
Uncaught ReferenceError: a is not defined
    at demo02.jsp:15

<script type="text/javascript">
    function func() {
        // var a = 22;
        a = 22;
    }
    func();
    alert(a);
</script>

http://localhost:8080/HeadFirstJavaScript/chap02/demo02.jsp
22

2. 从外部读取方法内部的局部变量

chap02/demo03.jsp

<script type="text/javascript">
    function func(){
        var a = 22;
        function func2() {
            return a;
        }
        return func2;
    }
    var result = func();
    alert("访问func的私有局部变量a:" + result());
</script>

http://localhost:8080/HeadFirstJavaScript/chap02/demo03.jsp
访问func的私有局部变量a:22

3. 闭包的概念

各种专业文献上的"闭包"(closure)定义非常抽象，很难看懂。我的理解是，闭包就是能够读取其他函数内部变量的函数。
由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。
所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

4. 闭包的用途

一个是可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。

5. 闭包的使用注意点

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

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

chap02/demo04.jsp

<script type="text/javascript">
    var name = "The Window";
    var object = {
        name:"My object",
        getNameFunc:function() {
            return function() {
                return this.name;
            };
        }
    };
    alert(object.name);
    alert(object.getNameFunc()());
</script>

http://localhost:8080/HeadFirstJavaScript/chap02/demo04.jsp
My object
The Window