javascript闭包问题

最近没事在看H5的一些内容，写着玩玩。今天写H5玩的时候发现了一个很奇怪的问题：

@D%~NWYZY5NQO%~DT$}SH@G.png

这段代码满足不了要求：鼠标移到表行时背景色变色。
看了好大一会儿才发现了问题所在：
trEles[i].onmouseover = function() 绑定事件这一步没问题，问题出在方法内部：trEles[i].style.backgroundColor = "red";
这个事件是个触发事件，只有当鼠标悬停时才去触发，当触发这个事件时，走到方法内部，trEles[i]这个时候i是什么并不知道因为方法内部并没有去定义他，所以网上寻找到for循环里，有i，但这个时候for循环早完了，i这个时候值为3，执行的话是trEles[3].style.backgroundColor = "red";根本不存在trEles[3]所以就实现这个需求。
知道了这一点，就不能让其受变量i的影响，我们可以直接传递这个对象解决这个问题：

![$3SOEGZ_{MJ@6BDS8G1$R7.png

然后我在网上搜了搜，这部分好像就是javascript闭包的内容了，很棒，有时间多看看，对方法的执行加深认识。