理解闭包（二）

闭包只能取得包含函数中任何变量的最后一个值，这是作用域链的配置机制产生的副作用。下面的例子可以很清晰地说明这个问题。

 function foo() {
            var result = [];
            for( var i = 0; i < 10; i++){
                result[i] = function () {
                    return i;
                }
            }
            return result;
        }
        var it = foo();
        for( var j = 0; j < it.length; j++){
            console.log(it[j]());
        }

这个函数会返回一个数组，表面上看，数组里的每个函数会返回自己的索引值。但实际上，每个函数都会返回“10”。

由于闭包机制，返回的数组里每个函数都可以访问并返回i的值。但是，每个函数引用的是同一个变量i。当函数foo()执行后，此时i的值为10（注意，for循环的最后一次，i的值为9，但是i仍进行了自加运算值为10），所以数组里的每个函数返回的值为10。

但是我们可以通过创建另一个匿名函数强制让闭包行为符合预期，如下：

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

在重写foo1()函数后，每个函数就可以返回自己的索引值了。我们定义一个带有形参的匿名函数，立即执行并返回形参的值。我们将i传入匿名函数，由于函数参数是按值传递的，所以执行后返回i的当前值。因此foo1()返回的数组里面，每个函数会返回不同的数值。

实例源自《JavaScript高级程序设计》（第3版）