for循环中的JavaScript闭包

Question

正如这里所解释的http://www.mennovanslooten.nl/blog/post/62/以下代码输出的结果仅为“5x5”之前忘记了任何事情。

for (x = 1; x <= 5; x++) {
for (y = 1; y <= 5; y++) {

    var cords = x+"x"+y;
    var el = document.getElementById(cords);
    el.addEventListener("click", function (e) { B_modeWindow('1', cords); });

}
}

到目前为止，我有信息（上面提供的博客链接）无法弄清楚如何更改显示代码来修复它。

如何在我的for循环中使用JavaScript闭包来遍历此代码？

编辑：我不明白。 varibles以良好的方式定义。 测试：

for (x = 1; x <= 5; x++) {
for (y = 1; y <= 5; y++) {

    var cords = x+"x"+y;
    alert(cords);

}
}

Answer 1

使用您需要作为参数关闭的任何内容调用该函数。 在这种情况下，那是cords 。

for (x = 1; x <= 5; x++) {
    for (y = 1; y <= 5; y++) {
        var cords = x + "x" + y;
        var el = document.getElementById(cords);

        (function(cords) {
            el.addEventListener("click", function (e) { B_modeWindow('1', cords); });
        })(cords);
    }
}

Answer 2

Minitech很接近，但你必须在函数内移动闭合变量：

for (x = 1; x <= 5; x++) {
    for (y = 1; y <= 5; y++) {
        (function() {
            var cords = x + "x" + y;
            var el = document.getElementById(cords);
            el.addEventListener("click", function (e) { B_modeWindow('1', cords); });
        })();
    }
}

Answer 3

问题是js变量有函数作用域，因此当你通过循环时，cords变量会被重写。 因此，所有侦听器函数都指向同一个变量，该变量以最终值结束。 对此的一个解决方案是创建另一个将el和cords作为参数的函数，并向el添加基于cords的侦听器。 然后从内循环调用此函数，而不是直接在其中添加侦听器。