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