javascript - 使用变量和循环创建 "onclick"函数

Question

这个问题已经有答案了:

JavaScript closure inside loops – simple practical example (45 个回答)

已关闭 9 年前。

我正在尝试使用 for 循环为下面的 4 个链接生成 onclick 函数。现在它根本不起作用，我不确定为什么？

fiddle :http://jsfiddle.net/7WYfF/

<p><a href="#" id="link0">Link0</a></p>
<p><a href="#" id="link1">Link1</a></p>
<p><a href="#" id="link2">Link2</a></p>
<p><a href="#" id="link3">Link3</a></p>

<script>
for (var i = 0; i < 3; i++) {
    var temp = "link" + i;

    [temp].onclick = function () { 
        alert("You just clicked link: " + i);
    };
}
</script>

Answer 1

有两件事。首先，您需要将 i 包装在闭包中以存储所需的值。第二个 [temp] 不会选择 DOM 元素，您需要以不同的方式执行此操作。

for (var i = 0; i < 3; i++) {
    var temp = "link" + i;

    document.getElementById(temp).onclick = (function(t) {
        return function (e) { 
            alert("You just clicked link: " + t);
        };
    })(i);
}