JS一个非常经典的问题：在遍历数组时对DOM监听事件，索引值将始终等于遍历结束后的值

一个简单的Tab选项卡点击事件。

menu1
menu2
menu3


content1
content2
content3

　　然后我们需要一点js来实现，鼠标点击时content内容的切换。

　　我们希望借助于数组和循环来完成这个任务，但是我们发现上述代码不能完成我们的任务，会报错：“tabContent[i] is undefined”. 我们利用alert（i）检测一下。

for(var i=0;i//3,3,3 why???
　　　　for(var j=0;j　　}
}

　　当我们点击tabMenu1,2,3时，不是弹出0,1,2而是弹出3,3,3。所以后面的tabContent[i]会是undefined。（tabContent[i]中i实际上只有0,1,2）解决这个问题，我们可以使用闭包。

for(var i=0;i　　}
})(i);
}

　　或者我们给DOM节点添加_index属性，属性值等于索引：

for(var i=0;i　　　　}
   　　tabContent[this._index].style.display="block"; 
　　}
}

　　虽然解决了问题。但是为什么在onclick里的索引值是循环结束后的最终值？？？一直不是很明白，求高人指点！！！