一个闭包的小例子

亦凉 2022-05-18 06:58 193阅读 0赞

首先先解释一下作用域的概念：

在JavaScript中，只有函数具有作用域。也就是说，在一个函数内部声明的变量在函数外部无法访问。

定义在一个函数中的变量在改函数的内嵌函数中是可以访问的。

下面先举一个作用域的例子：

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

在这个例子中，a定义在函数foo中，但函数bar可以访问它，因为bar也定义在foo中。bar在执行过程中将a设置为a乘以2。当bar在foo中被调用时它能够访问a，这可以理解。但是如果bar是在foo外部被调用呢？

function foo(){
        var a = 10;
        function bar(){
            a *= 2;
            return a;
        }
        return bar;
    }
    
    var baz = foo();//baz是bar的一个引用
    baz();//returns 20
    baz();//returns 40
    baz();//returns 80
    
    var blat = foo();//blat是bar函数的另一个引用
    blat();//returns 20,因为是对a的又一个副本

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

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