Javascript - 重用变量来创建 DOM 元素

Question

我可以重用已用于创建 DOM 元素的变量吗？

我有一个例子:

var pauseButtonElement = document.createElement("input");

pauseButtonElement.setAttribute("type", "button");

pauseButtonElement.setAttribute("value", "Pausar autoactualització");

pauseButtonElement.setAttribute("onclick", "pauseGraphicAU();");

document.getElementById("graphicButtons").appendChild(pauseButtonElement);



var maxYValueElement = document.createElement("input");

maxYValueElement.setAttribute("type", "number");

maxYValueElement.setAttribute("required", "");

document.getElementById("graphicButtons").appendChild(maxYValueElement);

我可以使用唯一变量来创建此元素吗？或者我必须为每个元素创建一个变量？我回答这个问题是因为我不知道在这种情况下使用唯一变量还是多个变量是否是一个好习惯。

Answer 1

您可以重复使用相同的变量。如果您只需要在定义的时间段内使用 DOM 引用，那么这完全没问题，并且通常是首选。在许多情况下，最好重用该变量，因为它允许 JavaScript 运行时释放其对象引用，从而释放内存。

唯一的问题是您将丢失该 DOM 引用，因此如果您想再次与该元素交互，则必须重新扫描 DOM 来查找它。

最后，这实际上取决于您声明变量的范围以及您希望引用的持久性。