Firefox Javascript 事件匿名函数

Question

当用户单击 HTML 表格中的单元格时，我正在尝试注册一个匿名函数。下面是一些原始的、纯粹的代码：

document.getElementById(
    "course"+displayed_year_index+occurrences_indices[displayed_year_index]).onclick =
        eval("function() {PrintReceipt("+result.years[result_year_index].rul_code+");};");

注意eval 的使用，因为它位于一个循环中，并且匿名函数每次都不同。

可以这么说，这在 Firefox 2 中工作得非常好。但是，Firefox 3 会抛出一个“语法错误”，指向“函数”一词之后的括号内。

有人对我如何解决这个问题有任何聪明的想法吗？

---

为了清楚地说明我想要做什么，这里有一个非常简化的示例：

for (index=0; index<4; index++) {
    document.getElementById("div"+index).onclick = 
        eval("function () {Foo(index);};");
}

换句话说，我希望为每个div触发具有不同参数值的相同函数。

Answer 1

你尝试过这样的事情吗？

document.getElementById('course' + displayed_year_index + occurences_indices[displayed_year_index]) =
    function (nr)
    {
        return function () { PrintReceipt(nr) }
    } (result.years[result_year_index].rul_code);

您能否发布循环以帮助我们找到问题，而不是让我们猜测您要做什么？

Answer 2

这似乎是你想要去的方向：

document.getElementById("course"+displayed_year_index+occurrences_indices[displayed_year_index]).addeventlistener("click",  function() {
    var current_rul_code = result.years[result_year_index].rul_code;
    PrintReceipt(current_rul_code);
}, true);

这应该会导致在不同的范围内创建每个 onclick 事件（循环的每次迭代）。 Closures 将负责其余的工作。

Answer 3

使用 Tom 建议的闭包。

这是 John Resig 的一个很好的解释：How Closures Work (pdf)

Answer 4

恕我直言，在这种情况下不应该使用闭包，也不需要为每个 onlick 创建一个新函数（使用比必要更多的内存）并且 eval 是错误的答案。

您知道您使用 getElementById 获得的元素是一个对象，并且您可以为它赋值吗？

for ( /* your definition */ ) {
  var e = document.getElementById(
    "course"+displayed_year_index+occurrences_indices[displayed_year_index]
  );
  e.rul_code = result.years[result_year_index].rul_code;
  e.onclick = PrintReceipt;
}

但你应该先定义 PrintReceipt：

function PrintReceipt() {
  //This function is called as an onclick handler, and "this" is a reference to the element that was clicked.
  if (this.rul_code === undefined) { return; }
  //Do what you want with this.rul_code
  alert (this.rul_code);
}