废话不多说,直接上代码
function wrapElemenets(a){
var result = [],i,n;
for(i = 0,n = a.length;i < n;i ++){
result[i] = function(){
return a[i];
}
}
}
return result;
}
var wrapped = wrapElemenets([10,20,30,40,50]);
var f = wrapped[0];
f();
原以为很简单的输出10,没想到的是这里涉及到的关于js变量作用域和闭包问题,水平有限,直接上讲解。
wrapElements函数绑定了三个局部变量,当他调用时,函数会为三个变量分配内存空间,在循环的每次迭代中,循环体都会为嵌套函数分配一个闭包,该函数中始终存储着i 的引用地址,每次函数创建后i的值都会改变,因此内部最终得到的是i的最后的值。
function wrapElemenets(a){
var result = [],i,n;
for(i = 0,n = a.length;i < n;i ++){
(function(){
var j = i;
result[i] = function(){
return a[j];
}
})()
}
return result;
}
var wrapped = wrapElemenets([10,20,30,40,50]);
var f = wrapped[0];
f();