javascript - Javascript - 向回调函数添加更多参数

Question

我正在调用一个需要回调函数作为参数的异步函数。

这是javascript代码：

for(i in array) 
{
    var item = array[i];
    functionToCall(item[i][1], 50, function(a, b)
    {
        alert(a + b);
    });
}

我无法编辑 functionToCall 函数。我想要做的是像这样在回调函数中使用“item”变量。

for(i in array) 
{
    var item = array[i];
    functionToCall(item[i][1], 50, function(a, b, c)
    {
        alert(a + b + c);
    }, item);
}

但是这段代码不能正常工作。我不能只在函数中使用“项目”，因为它总是使用数组中的最后一项。

那么我该怎么做呢？

Answer 1

您可以item在函数内部使用，但您需要“捕获”它，这样您就不会每次都使用数组的最后一个元素。

for(var i = 0, l = array.length; i < l; ++i) { // better than for .. in
    var item = array[i];
    (function(item, i){
      functionToCall(item[i][1], 50, function(a, b) // do you really re-index item with the same index?
      {
          alert(a + b);
      });
    })(item, i);
}

Answer 2

使用for..in迭代数组是个坏主意。取而代之.forEach()的是，你的很多问题都会消失：

array.forEach(function(item)
{ 
    functionToCall(item[1], 50, function(a, b) 
    { 
        alert(a + b + item[1]); 
    }); 
}

要.forEach()在旧版浏览器中使用，请参阅此。

Answer 3

我会尝试这样的事情：

 function createExecutionCall(itemIndex, number, item)
 {
      return function() { functionToCall(itemIndex, number, function(a, b)
      {
           // Example, item should be contained within this closure then
           alert(a + b + item);
      });
 }

 for(i in array) 
 {
     var item = array[i];

     var call = createExecutionCall(item[i][1], 50, item);
     call();
  }