作用域链的这种配置机制引出了一个值得注意的副作用,即闭包只能取得包含函数中任何变量的最后一个值。闭包保存的是整个变量对象,而不是某个特殊的变量。
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的值是10,此时每个函数都引用着保存变量i的同一个变量对象,所以在每个函数内部i的值都是10.
但是,我们可以通过创建另一个匿名函数强制让闭包的行为符合预期值:
function createFunctions() {
var result = new Array();
for (var i = 0; i < 10; i++) {
result[i] = function(num) {
return function() {
return num;
}(i)
}
}
return result;
}
上例中返回了一个匿名函数,且直接执行。
这样的情况就很有趣了,该函数内部返回一个匿名函数,这个匿名函数就具有闭包的效果,返回了父级自执行函数作用域中的 num。
而父级自执行函数在被赋值前先执行了,并传入了变量 i,所以在这个函数作用域里存储的是每次循环传入的变量 i,那么内部的返回的函数在执行时访问的 num 就是 i对应的值了。
这边有点绕,其实就是匿名函数访问的是外部函数的变量 num,而num是不变的,且num的值是在每次循环的时候传入的。
那么最内层的函数在执行时就不会出现前一个例子的范围外部函数作用域的变量被改变情况。