js 解决js for 循环中的闭包问题

在js中想要取出for循环中的值一直都是很多新手的一大难题，正好近期做过一些这样的案例，在这里大言不惭的讲解下

例一：

var arrlist=document.querySelectorAll('li');//在这里我们获取下所有的li标签，并为其添加click事件for(var i=0;i<arrlist.length;i++){   arrlist[i].addEventListener('click',function(){         alert(i);})}

当我们执行完之后或发现，弹窗里的值始终为

arrlist.length

在这里我们需要了解下这块js的执行顺序

当我们执行这块循环，并为其添加点击事件时并没有把当前的i值保存下来，

而是循环继续执行，当我们执行点击事件时i值已经为arrlist.length-1,然后再加上1，所以为arrlist.length

在这里我提供两种解决方法

解决方案一：

var arrlist=document.querySelectorAll('li');//在这里我们获取下所有的li标签，并为其添加click事件for(var i=0;i<arrlist.length;i++){//在这里我们把i作为一个属性存储到arrlist[i]中   arrlist[i].i=i;   arrlist[i].addEventListener('click',function(){         alert(arrlist[i].i);})}

解决方二：

var arrlist=document.querySelectorAll('li');//在这里我们获取下所有的li标签，并为其添加click事件for(var i=0;i<arrlist.length;i++){  //把当前的点击事件包含在代码块中，自动执行，并传值 (function(value){
arrlist[i].addEventListener('click',function(){         alert(value);
})(i)})}
这样我们就可以得到我们所需要的值，有其他想法的欢迎和我联系
qq:572712675
                                             
        0        0           
	
				
	
					   
js 解决js for 循环中的闭包问题
	  	   
js for循环中的闭包
	  	   
js for循环中的闭包
	  	   
js闭包，解决for循环变量未定义等类似问题
	  	   
JS 闭包问题- for循环取 i
	  	   
关于js for循环闭包的问题
	  	   
js中的for循环
	  	   
js闭包与for循环
	  	   
js延迟打印for循环-闭包
	  	   
js闭包和for循环
	  	   
用9种办法解决 JS 闭包经典面试题之 for 循环取 i
	  	   
用9种办法解决 JS 闭包经典面试题之 for 循环取 i
	  	   
用9种办法解决 JS 闭包经典面试题之 for 循环取 i
	  	   
用9种办法解决 JS 闭包经典面试题之 for 循环取 i
	  	   
用9种办法解决 JS 闭包经典面试题之 for 循环取 i
	  	   
js中的闭包问题
	  	   
js数组，循环，闭包问题
	  	   
JS中用for循环解决重复定义的问题
	     		  
	  	   
漫谈程序员系列：程序员该不该考虑初创公司
	  	   
springMVC web工程之 HelloWorld
	  	   
[知识点滴]HTML5元素垂直居中那些事?
	  	   
java多线程（二）
	  	   
商品展示案例的ShopShowDemo
	  	   
js 解决js for 循环中的闭包问题
	  	   
python之字典
	  	   
ZOJ-1091-Knight Moves
	  	   
这不是我想要的ABAP开发者
	  	   
poj 1743
	  	   
设计模式之观察者模式
	  	   
hdu2874—Connections between cities（LCA）
	  	   
SSH（Struts2+Spring4+Hibernate5）示例
	  	   
通过中序遍历、后序遍历求先序遍历