Learning JavaScript(0)_Concepts

浏览数：41 / 时间：2015年06月08日

作用域，嵌套函数和闭包

<script type="text/javascript">

    function foo(){
        var a = 10;
        function bar(){
            a *= 2;
        }
        bar();
        return a;
    }

</script>

在这个示例中，a定义在函数foo中，但函数bar可以访问它，因为bar也定义在foo中。当bar在foo中北调用时它可以访问a，但是如果bar是在foo外部被调用呢？

<script type="text/javascript">

    function foo(){
        var a = 10;
        function bar(){
            a *= 2;
            return a;
        }
        return bar;
    }
    
    var baz = foo();
    baz();  // return 20
    baz();  // return 40
    baz();  // return 80
    
    var blat = foo();
    blat();  // return 20

</script>

在上述的代码中，所返回的对bar函数的引用被赋予变量baz，函数bar现在是在foo外部被调用，但它依然能够访问a。这是因为JavaScript中的作用域是词法性的，函数式运行在定义它们的作用域中(本例是foo内部的作用域)，而不是运行在调用它们的作用域中。只要bar被定义在foo中，它就能访问在foo中定义的所有变量，即使foo的执行已经结束。

这就是闭包的一个例子，在foo返回后，它的作用域被保存下来，但只有它返回的那个函数能够访问这个作用域。在前边的例子中，baz和blat各自拥有这个作用域以及a的一个副本，而且只有它们自己能够对其进行修改。返回一个内嵌函数式创建闭包最常用的手段，其他的手段还有...?

Learning JavaScript(0)_Concepts,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

Learning JavaScript(0)_Concepts