循环结果数组的最后一个索引[重复]

Posted 2021-05-03

这个问题在这里已有答案：

• JavaScript closure inside loops – simple practical example 43回答

我有以下代码，使用addeventlistener为每个元素添加一个事件

var x, y, z;

elm = elm.normalize();
if(!isobj(elm) && iselm(elm)) {
    elm = new Array(elm);
}

for(x in elm) {
    (function() {
        elm[x].addEventListener('click', function() {
            alert(x);
        });
    })();
}

但是当我点击任何通过循环添加事件的element时，它总是显示最后一个索引example。就像当我点击element时，它会在警告框内显示example文本的警报。

这是console.log(elm)之后的elm = elm.normalize()的结果

[sample：input.sample.fld，example：input.example.fld]

isobj(elm)是function来检查variable是否是object，像iselm(elm)一样是function来检查variable是否是element。

由于解决这个问题，我试图在循环中使用(function() { /* i put the addEventListener as above */ })();，但仍然无法正常工作。

我已经确保x始终显示索引，但我不知道为什么它总是显示事件中的最后一个索引。

请帮助，谢谢你的建议。

答案

到执行代码行时，for循环已经完成。

解释：https://dzone.com/articles/why-does-javascript-loop-only-use-last-value

如果您的浏览器支持，您可以使用let。 （参见文章的解释和替代方案）

var x, y, z;

elm = elm.normalize();
if(!isobj(elm) && iselm(elm)) {
    elm = new Array(elm);
}

for(x in elm) {
    (function() {
        let myX = x;
        elm[myX].addEventListener('click', function() {
            alert(myX);
        });
    })();

}