选项卡中i的问题

在选项卡中，有一个最经典也是最让初学者难以理解的问题，就是i的问题，为什么onclick事件里边的i不能用呢，这里要介绍一下js的执行时机问题，在js的for循环中，只有第一层是可以用i的，在套一层的话里边的i就不能用了。为什么呢，因为js中for循环执行的很快，在这个选项卡中，for循环几次只是给按钮添加了几次点击事件，然后就循环完了，当开始执行click事件的时候，i已经是循环完的那个i。可是如果我们想用这个循环的i该怎么办呢？如上图，介绍了两种方法可以解决这个问题：1》自定义一个属性，把i提前存一下。2》封闭空间，把i作为实参参数传进去，但这里一定切记，function后边记得接收一下这个参数。