html - addEventListener 到 HTMLDivElement 数组

Question

出于某种原因，这一行:console.log(i + "What button did we click on");只产生“3What 按钮...”我认为这可能与我的胖箭头功能有关，但我不确定解决方案是否会受到高度赞赏。 :)

 private SetUpHotSpots() {
    console.log("Entered SetupHotSpots");
    for (var i = 0; i < this.HotSpotArray.length; i++){
        console.log("Entered Loop: " + i);
        this.HotSpotArray[i].addEventListener("click", (() => {
            console.log(i + "What button did we click on");
        }));
    }
}

Answer 1

使用 let 而不是 var。 let 允许您创建仅限于 block 作用域的变量。所以像下面这样改变你的 for 循环。

for (let i = 0; i < this.HotSpotArray.length; i++){