var i, list = [];
for (i = 0; i < 2; i += 1) {
list.push(function(){
console.log(i);
});
}
list.forEach(function(func){
func();
});
for (i = 0; i < 2; i += 1) {
list.push(function(){
console.log(i);
});
}
list.forEach(function(func){
func();
});
我们将得到两次 "2" ,而不是预期的 "1" 和 "2" ,这是因为在 list
中的两个函数访问的变量
i
都是其上一层作用域的同一个变量。
我们改动下代码,以利用闭包来解决这个问题:
var i, list = [];
for (i = 0; i < 2; i += 1) {
list.push((function(j){
return function(){
console.log(j);
};
})(i));
}
list.forEach(function(func){
func();
});
for (i = 0; i < 2; i += 1) {
list.push((function(j){
return function(){
console.log(j);
};
})(i));
}
list.forEach(function(func){
func();
});
外层的“立即执行函数”接收了一个参数变量 i
,在其函数内以参数
j
的形式存在,它与被返回的内层函数中的名称 j
指向同一个引用。外层函数执行并退出后,参数
j
(此时它的值为 i
的当前值)成为了其内层函数的状态的一部分被保存了下来