神奇的闭包~

看到闭包,随手摘一段出来,只是暂时顺了一遍,感觉很神奇,要是灵活运用还有待深入了解。

直接摘小例子~

<script>
function createFunctions(){
var result = new Array();
for (var i=0; i < 10; i++){
result[i] = function(){
return i;
};
}
return result;
}
var last=createFunctions();
for(var j=0;j<last.length;j++){
console.log(last[j]());
}

这个函数会返回一个函数数组。表面上看,似乎每个函数都应该返自己的索引值,即位置 0 的函数
返回 0,位置 1 的函数返回 1,以此类推。但实际上,每个函数都返回 10。因为每个函数的作用域链中
都保存着 createFunctions() 函数的活动对象,所以它们引用的都是同一个变量 i 。当
createFunctions() 函数返回后,变量 i 的值是 10,此时每个函数都引用着保存变量 i 的同一个变量
对象,所以在每个函数内部 i 的值都是 10。但是,我们可以通过创建另一个匿名函数强制让闭包的行为
符合预期,如下所示。

    function createFunctionss(){
var result = new Array();
for (var i=0; i < 10; i++){
result[i] = function(num){
return function(){
return num;
};
}(i);
}
return result;
}
var last1=createFunctionss();
for(var j=0;j<last1.length;j++){
console.log(last1[j]());
}

在重写了前面的 createFunctions() 函数后,每个函数就会返回各自不同的索引值了。在这个版
本中,我们没有直接把闭包赋值给数组,而是定义了一个匿名函数,并将立即执行该匿名函数的结果赋
给数组。这里的匿名函数有一个参数 num ,也就是最终的函数要返回的值。在调用每个匿名函数时,我
们传入了变量 i 。由于函数参数是按值传递的,所以就会将变量 i 的当前值复制给参数 num 。而在这个
匿名函数内部,又创建并返回了一个访问 num 的闭包。这样一来, result 数组中的每个函数都有自己
num 变量的一个副本,因此就可以返回各自不同的数值了。

啦啦啦,妈妈再也不用担心我找不着变量了~~~

</script>
posted @ 2017-03-14 16:19  hhxx123  阅读(983)  评论(0编辑  收藏  举报