JavaScript:将更改参数传递给回调

Question

现在有一个有趣的问题。我有一个对象数组如下:

objRequests = [
   {
      url: "/cgi-bin/script1.cgi",
      dest: "#div1"
   },
   {
      url: "/cgi-bin/script1.cgi",
      dest: "#div2"
   }
];

现在，我遍历这些对象以使用 jQuery 的 $.getJSON() 方法从特定地址的服务器加载一些信息，并在通过回调函数进行一些花哨的处理后，需要将 HTML 放入其 id 指定的 div 中'目的地'。

通常，如果我需要指定额外的数据进入回调，我会使用一个匿名函数，而且效果很好。这里的问题是目标的变量指针似乎保持不变，所以当每个回调触发时目标总是等于“#div2”。

我试过以下方法:

for (var loop = 0; loop < objRequest.length; loop++)
{
    var exec = new function(objResponse)
    {
       processResponse(objResponse, objRequest[loop].dest);
    }

    exec.dest == objRequest[loop].dest;

    $.getJSON(objConfig.strTicketScript, exec);
}

还有

for (var loop = 0; loop < objRequest.length; loop++)
{
    var destination = objRequest[loop].dest;

    var exec = new function(objResponse)
    {
       processResponse(objResponse, destination);
    }

    exec.dest == objRequest[loop].dest;

    $.getJSON(objConfig.strTicketScript, exec);
}

但出于某种原因，Firefox 似乎仍然没有在匿名函数中创建个人数据。有没有办法在每次迭代中获得对数据的唯一引用？

Answer 1

你需要做一个闭包:

var exec = (function(dest){
  return function(objResponse) {
     processResponse(objResponse, dest);
  }
 })(objRequest[loop].dest);