javascript - 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 是一个变量，当您绑定(bind)时 在该范围内可用，因此您传递给 .click() 的匿名函数函数只是获取它的一个副本(如果它是一个对象，则为引用)在那个时候。

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

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