js的for循环闭包问题

浏览数：26 / 时间：2015年06月09日

一个简单的例子，如果想循环输出数组中的每一个数值我们可以利用for循环来输出例如：

<script type="text/javascript">
var arr=["a","b","c","d","e"];
for (var i=0;i<arr.length;i++){
    document.write(arr[i]);
}
</script>

这是最常见不过的一种了，i从0循环到5把数组中的5个值都输出出来，这里的i正好是arr数组的下标，所以循环出来了~但是看下面的例子又会跟我们想的不一样

<a href="#">text</a> 
<br> 
<a href="#">link</a> 
<script type="text/javascript"> 
var as = document.getElementsByTagName(‘a‘); 
for ( var i = as.length; i--; ) { 
　　as[i].onclick = function() {
　　　　alert(i); 
　　　　return false; 
　　} 
}
</script>

这个时候的会始终弹出-1来，因为里面的函数（onclick=function(){}）根本没有i这个变量，换句话说i是无法在这个函数中调用的，因为没有传进值来，所以js会去回溯到父级去找这个i变量，当找到i的时候这个for循环其实已经循环完了，这样i就边城了-1所以每次弹出的就都是-1了，想解决这个问题也简单，用闭包传参的形式就可以了代码如下：

<a href="#">text</a> 
<br> 
<a href="#">link</a> 
<script type="text/javascript"> 
var as = document.getElementsByTagName(‘a‘); 
for ( var i = as.length; i--; ) { 
　　as[i].onclick =( function() {
　　　　alert(i); 
　　　　return false; 
　　})(i);
}
</script>

这样就可以把i作为参数传给里面的函数使用了。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

js的for循环闭包问题