在javascript中onclick緩存對象

Question

是否有理由像下面緩存myId（比方說，對象myId將只用於此彈出功能，在JavaScript中沒有其他地方）。

var myId = document.getElementById('myId'); 
myId.onclick = function() { 
    alert('button was clicked'); 
} 

我認爲onclick事件只會被設置一次而且沒有必要。但我不確定。

Answer 1

的唯一原因緩存是，如果你想使用myid元素爲不僅僅是結合的Click事件。

正因爲這個原因，經常緩存元素，因爲您不必多次搜索DOM樹，所以可以節省性能。

Answer 2

將元素緩存一次可能最終會使用它通常是一個好主意，但是如果您確定不需要訪問該元素，則沒有理由在以後保存該元素再次。

Answer 3

你只是分配一個變量，可能與另一個軌道上的另一個衝突。如果你只設置回撥一次，就這樣做：

document.getElementById('myId').onclick = function() { 
    alert('button was clicked'); 
}