遇到一个需要向匿名函数传递循环控制变量的问题，我受到园子里这篇文章的启发【笔记】js获取当前点击元素的索引，解决了这个问题。现在把代码贴出来，以防止自己忘记。
if ($('#labModal').length > 0) {
var screenWidth = window.screen.width;
var equipList = document.getElementsByClassName('equip-item');
for (i = 0; i < equipList.length; i += 1) {
equipList[i].index = i; // 给equipList[i]对象添加一个index属性并将i赋值给它
equipList[i].onclick = function() {
$('.item').removeClass('active');
$('.item').eq(this.index).addClass('active'); // 在匿名函数内部引用index属性
if (screenWidth > 768) {
$('#labModal').modal();
}
}
}
}
注意代码中的第6行：给equipList[i]对象添加了一个index属性，并将变量i赋值给它，这样equipList[0]的index值为0，equipList[1]的index值为1，equipList[2]的index值为2，......，equipList[i]的index值为i，这样就实现了我要的效果。然后在equipList[i]对象onclick绑定的函数中就可以直接用这个值了：this.index。不然的话，还有什么其他方法将变量i的值传递到这个匿名函数中来实现上面的效果呢？
好吧，其实问题并不在“将循环控制变量i的值传递到匿名函数”中来，上面代码的关键在于，给每一个equipList数组中的元素，也就是equip-item对象节点添加了一个index属性，并给这个属性分别赋值（比如，从0到16），最终的目的其实是为了获取$('.item')[i]这个元素，然后再对其进行操作。
javascript真是灵活，在javascript中一切皆对象，而对象就是属性的集合。
上面的for语句其实有些问题，最好这么写：
for (var i = 0; i < equipList.length; i += 1) {
// other codes
}
而ES6语法中，则引入了const和let，可以将上面的var换为let。至于为什么要加上var，还有const和let与var相比又有什么区别，等到有时间再研究下。
参考：