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。

最后，它實際上取決於您在其中聲明變量的范圍以及希望引用的持久性。