将变量传递到 eventListener 中的箭头函数

Question

不久前，我需要将一个变量传递给一个名为 from 的函数addEventListener。for(let i of ["0","1","2","3","4","5","6","7","8","9","+","-","*","/",".","(",")"]){    document.getElementById(i).addEventListener("click",()=>{add_chr(i)})}虽然这工作得很好，但我现在需要在{}代替add_chr(i).我已经尝试过以下方法：for (let i = 0; i < dict["files"].length; i++) {  //i is undefined  document.getElementById("rm" + i).addEventListener("click", (e, i) => {    console.log(i)    dict["files"].splice(i, 1)    table()  })  //function does not execute  document.getElementById("rm" + i).addEventListener("click", () => {    (i) => {      console.log(i)      dict["files"].splice(i, 1)      table()    }  })}这是行不通的，在第一个事件监听器中，i未定义，第二个函数永远不会执行。（我总是只使用一个addEventListener，这只是为了展示我的方法）。如何将变量传递i给带有/不带有对象的函数event？

Answer 1

i从匿名函数中删除，因为它隐藏i了循环并修复了第二个函数的括号。

for(let i = 0; i < 3; i++) {

  // i is undefined

  document.getElementById("rm" + i).addEventListener("click", (e) => {

    console.log(i);

  });

  // function does not execute

  document.getElementById("rm" + i).addEventListener("click", (e) => {

      console.log(i);

  });

}

<button id="rm0">rm0</button>

<button id="rm1">rm1</button>

<button id="rm2">rm2</button>

Answer 2

出于好奇，尝试更改let i = 0为var i = 0并i从匿名事件处理程序中删除，如下所示：

document.getElementById("rm" + i).addEventListener("click", (e) => { // etc.