javascript - 如何在函数中拥有动态变量而不将其链接到变化的​​变量

Question

这个问题已经有答案了:

JavaScript closure inside loops – simple practical example (45 个回答)

已关闭 7 年前。

很抱歉这个标题，但我不确定这个问题的正确术语是什么。我正在尝试使用 JavaScript 中的 for 循环动态生成可点击元素的表。单击时，每个元素都应触发相同的功能，但具有不同的参数。在我的代码中，我设置 onClick功能如下:

elementArray[i].onClick = function() { clickFunction(i) };

但是，当我这样做时 clickFunction只是取任何值 i当前设置为，而不是我设置 onClick 时的值功能，这就是我想要的。有什么想法吗？

Answer 1

当我收到你的问题时，你想要一个具有可点击元素的表，该元素通过 diff 参数调用相同的函数。 [如果这不是你的问题，请告诉我]

因此，采用 i(索引或行号)将是该函数的参数。

HTML:

<table id='myTable'></table>

Javascript:

for(i = 9; i >= 0; i--) {
var table = document.getElementById("myTable");

// Create an empty <tr> element and add it to the 1st position of the table:
var row = table.insertRow(0);

// Insert new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
var cell = row.insertCell(0);

// Add some text to the new cells:
cell.innerHTML = "<input type='button' onclick='callIt("+i+")'";
}
function callIt(index) {
alert(index);
}

我正在考虑您想要单击按钮。希望对您有帮助。

您可以在w3schools上获得更多信息