闭包与变量

最新推荐文章于 2021-12-28 22:56:58 发布

原创最新推荐文章于 2021-12-28 22:56:58 发布 · 470 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#闭包 #函数

javascript 同时被 2 个专栏收录

40 篇文章

订阅专栏

java

2 篇文章

订阅专栏

本文探讨了闭包的概念及其实现原理，通过具体示例解析了闭包如何访问外部函数的变量，并展示了如何利用匿名函数来实现预期的闭包行为。

闭包：有权访问另一个函数作用域中的变量的函数

闭包只能取得包含函数中任何变量的最后一个值。闭包保存的是整个变量对象，而不是某个特殊的变量，下面这个例子可以清楚的说明这个问题。

function createFunctions(){
        var result = new Array();

        for(var i=0; i<10;i++){
            result[i]=function(){
                return i;
            };
        }
        return result;
    }

这个函数会返回一个函数数组，从表面看每个函数都应该返回自己的索引值，即位置0的函数返回0，位置1的函数返回1，但实际上，每个函数都返回10。因为每个函数的作用域链中都保存着createFunctions（）函数的活动对象，所以它们的引用的都是同一个变量i。当createFunctions（）函数返回后，变量i的值是10，此时每个函数都引用着保存变量i的同一个变量对象，所以每个函数内部i的值都是10。
我们可以通过创建一个匿名函数强制让闭包行为符合预期。

function createFunction(){
       var result = new Array();

       for(var i=0; i<10;i++){
           result[i]=function(num){
               return function(){
                   return i;
               };
           }(i);
       }
       return result;
   }

在这个函数中，我们没有直接闭包复制，而是定义了一个匿名函数，并将立即执行该匿名函数的结果赋值给数组。这里的匿名函数有一个参数num，也是最终函数要返回的值。在调用匿名函数时，我们传入了变量i，由于函数参数是按值传递的，所以就会将变量i的当前值复制给num，而这个匿名函数内部，又创建并返回了一个访问num的闭包。
这样一来，result数组中的每个函数都有自己的num变量的一个副本，因此就可以返回各自不同的数值了。