js使用立即调用的函数表达式创建局部作用域问题

废话不多说，直接上代码

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();