jQuery单击处理程序中的范围

Question

我有一个函数，我可以在其中获取一些数据，并将其插入到表格的一行中。

然后我在该行上设置了一个点击事件，以便当它被点击时，它会导航到我的数据对象中指定的 URL：

$(data).each(function(i, item) {

    var row = $("<tr></tr>");
    tbody.append(row);

    // Add some cells into the row...
    var firstNameCol = $("<td>" + item.FirstName + "</td>");
    row.append(firstNameCol);

    // Set up click handler
    row.click(function() {
       window.location.href = item.DetailsURL;
    });
 });

现在这段代码工作正常，但它让我意识到我不确定事件是如何工作的。

该函数包含对item的引用，它是我的 for 项目循环的本地变量。 当用户单击该行时，它如何知道它正在查看哪个项目？ 注册点击功能时是否以某种方式缓存？

其次，这种方法真的很糟糕吗？ 我是在强迫它在幕后做大量工作吗？

Answer 1

item是绑定时在该范围内可用的变量，因此您传递给.click()函数的匿名函数当时只会获取它的副本（或引用，如果它是一个对象）。

当然，您可以将其称为“缓存”，但它只是当时获得的引用或变量副本。 .each()创建一个闭包，你传递给它的回调函数（ function(i, item) {...} ），并在里面（取决于它是否是一个对象，在这种情况下你会得到相同的引用) 你会为循环的那个迭代获得你自己的副本。

至于性能，这真的不是“工作量”，这是完全正常的。