具有相对变量的 JavaScript 回调函数

JavaScript callback function with relative variables

本文关键字：JavaScript 回调 函数 变量 相对      更新时间：2023-09-26

我不完全确定如何表达这个问题，但基本上，我有一个类，button单击时应该调用传递给它的函数。 

button = function(...,callBack) {
    //...
    this._cb = callBack;
}
button.prototype.callBack = function(e) {
    //...
    this._cb();
}

然后在其他地方

//on canvas click
e.target.callBack(e);

（我希望这是关于适量的背景，如果需要，我可以提供更多）

所以我遇到的问题是当我动态实例化按钮时，以便它们的回调使用数组中的数据。

for (var i = 0; i < levels.length; i++) {
    buttons[buttons.length] = new button(..., function() {drawLevel(levels[i])});
}

然后，当单击它们时，它们运行该回调代码并尝试为 i 找到一些随机值（可能是不使用 var 的 for 循环）并运行该级别。

我的问题是，我如何（不使用 eval）规避这个问题。

谢谢！

我不是 100% 清楚你在问什么，但看起来你会在循环中创建的匿名函数中为 i 获得错误的值（它将永远是 levels.length）

解决这个问题的方法是为每个创建的函数设置不同的作用域，每个作用域中的 i 是循环中 i 的副本

buttons[buttons.length] = new button(..., (function(i){ 
    return function() {drawLevel(levels[i])};
})(i));
相关文章：