闭包只能获取包含函数中任何变量的最后一个值,我们通过一个例子来理解这句话:
function createFunction() {
var array =[];
for (var i =0; i < 5; i++) {
array[i] =function(){
return i;
};
}
return array;
}
var data =createFunction();
for (var j =0; j < data.length; j++) {
var o =data[j];
alert(o()); //5次的结果都是5
}
这个createFunction()函数会返回一个函数数组。表面上看,似乎每个函数都应该返回自己的索引值,即0的位置返回0,1的位置返回1,但结果却是每个都返回5。因为每个函数的作用域链中都包含这个createFunction()函数的活动对象,所以他们引用的都是同一个变量i。当createFunction()函数返回后,i的值是5,此时每个函数都引用着保存变量i的同一个变量对象,所以每个函数都返回5。
我们可以通过创建另一个匿名函数强制让闭包的行为符合预期:
function createFunction() {
var array =[];
for (var i =0; i < 5; i++) {
array[i] =function(num) {
return function() {
return num;
};
}(i);
}
return array;
}
var data =createFunction();
for (var j =0; j < data.length; j++) {
var o =data[j];
alert(o()); //5次的结果分别是0、1、2、3、4
我们没有直接把闭包赋值给数据,而是定义了一个匿名函数,并将立即执行该匿名函数的结果赋值给数据。这里的匿名函数有一个参数num,也就是最终的函数要返回的值。在调用每个匿名函数时,我们传入了变量i,由于函数是按值传递的,所以就会将变量i的当前值复制给参数num,而在这个匿名函数内部,又创建了并返回了一个访问num的闭包。这样一来,array数据中的每个函数都有自己num变量的一个副本,因此就可以返回各自不同的值了。
function createFunction() {
var array =[];
for (var i =0; i < 5; i++) {
array[i] =function(){
return i;
};
}
return array;
}
var data =createFunction();
for (var j =0; j < data.length; j++) {
var o =data[j];
alert(o()); //5次的结果都是5
}
这个createFunction()函数会返回一个函数数组。表面上看,似乎每个函数都应该返回自己的索引值,即0的位置返回0,1的位置返回1,但结果却是每个都返回5。因为每个函数的作用域链中都包含这个createFunction()函数的活动对象,所以他们引用的都是同一个变量i。当createFunction()函数返回后,i的值是5,此时每个函数都引用着保存变量i的同一个变量对象,所以每个函数都返回5。
我们可以通过创建另一个匿名函数强制让闭包的行为符合预期:
function createFunction() {
var array =[];
for (var i =0; i < 5; i++) {
array[i] =function(num) {
return function() {
return num;
};
}(i);
}
return array;
}
var data =createFunction();
for (var j =0; j < data.length; j++) {
var o =data[j];
alert(o()); //5次的结果分别是0、1、2、3、4
我们没有直接把闭包赋值给数据,而是定义了一个匿名函数,并将立即执行该匿名函数的结果赋值给数据。这里的匿名函数有一个参数num,也就是最终的函数要返回的值。在调用每个匿名函数时,我们传入了变量i,由于函数是按值传递的,所以就会将变量i的当前值复制给参数num,而在这个匿名函数内部,又创建了并返回了一个访问num的闭包。这样一来,array数据中的每个函数都有自己num变量的一个副本,因此就可以返回各自不同的值了。