javascript - 以编程方式将单个事件监听器添加到多个 div 会导致所有受影响的 div 上出现相同的函数

Question

for (i = 0;i < cnt;i++) {
    var thumb=thumbnails[i];
    var id=thumb.id;
    thumb.addEventListener('click', function () {
        location.href="SomeWebPage.html?id=" + id;
    }, false);
}

上面的代码会导致所有缩略图都具有相同的最后 id 分配，而不是基于各个 div 分配单独的缩略图 id id 的。我的期望是为每个缩略图 div 分配一个事件处理程序，该事件处理程序在定义的 location.href url 中引用其特定的 id。相反，所有事件处理程序都具有相同的 url，仅引用最后一个 dev id。

Answer 1

使用let代替var

let id=thumb.id;

var 是全局的东西，这就是为什么只有最后一个值保留在箭头函数内存中