for循环中的Javascript变量范围 [英] Javascript variable scope inside for loop

问题描述

如何在我的for循环中维护对 i 变量的访问？我正在努力学习，而不仅仅是得到答案，所以一些解释会非常有帮助。谢谢！

How do I maintain access to the i variable inside my for loop below? I'm trying to learn, not just get the answer, so a bit of explanation would be very helpful. Thank you!

var el, 
    len = statesPolyStrings.length;

for (var i = 0; i < len; i++) {
    el = document.getElementById(statesPolyStrings[i]);

    google.maps.event.addDomListener(el, 'mouseover', function() {
        $("#"+statesPolyStrings[i]).addClass("highlight");
        statesPolyObjects[i].setOptions({ strokeWeight: '2' });
    });
}

推荐答案

你所有的回调都分享了相同的 i 变量。

当事件处理程序实际运行时， i 在结束后数组。

All of your callbacks share the same i variable.
When the event handler actually runs, i is after the end of the array.

你需要将循环体包装在一个自调用函数中，该函数将 i 作为参数。$
这样，每次迭代都会获得自己的，不变的 i 变量。

You need to wrap the loop body in a self-invoking function that takes i as a parameter.
This way, each iteration will get its own, unchanging, i variable.

例如：

for (var i = 0; i < statesPolyStrings.length; i++) {
    (function(i) {
        ...
    })(i);
}

这篇关于for循环中的Javascript变量范围的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！