如何传递仅在回调创建时存在的参数[重复]

Question

我想将参数传递给 for 循环内的回调函数。问题是在 for 循环结束后调用回调，然后参数不再存在。

见以下代码sn-p：

function foo(x){
    console.log(x)
}
for(var i = 0; i < arr.length; i++) {
    var myObj = customObject()
    myObj.on('click', function(){
        foo(arr[i])
    }
}

在for循环结束后点击myObj会触发错误：

TypeError: arr[i] is undefined

在绑定回调函数时，有什么方法可以强制参数按其值传递？

Answer 1

试试 IIFE：

myObj.on('click', function() {
    (e => foo(e))(arr[i]);
});

问题是在整个循环结束后点击事件被触发 - 所以i 是arr.length，没有通过循环中的条件语句，因此arr[i] 是未定义的。

您还需要改用let：

for (let i = 0; i < arr.length; i++) {
    let myObj = createObject();
    myObj.on("click", function() {
        (e => foo(e))(arr[i]);
    });
}