javascript - javascriptでonclickのオブジェクトをキャッシュする

Question

以下のようにキャッシュする理由はありmyIdますか (オブジェクトmyIdはこのポップアップ関数にのみ使用され、JavaScript の他の場所には使用されないとしましょう)。

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

onclickイベントは一度しか設定されず、不要だと思います。確信はないけど。

score 3 · Accepted Answer

キャッシュする唯一の理由は、クリックイベントをバインドする以外の目的でmyid 要素を使用する場合です。

多くの場合、その理由だけで要素をキャッシュします。これにより、DOMツリーを複数回検索する必要がなくなるため、パフォーマンスが低下します。

score 0 · Accepted Answer

将来的に別の変数と競合する可能性のある変数を割り当てているだけです。コールバックを1回だけ設定する場合は、次のようにします。

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

score 0 · Accepted Answer

要素をもう一度キャッシュして使用することをお勧めしますが、再度アクセスする必要がないと確信している場合は、後で使用するために要素を保存する必要がある理由はありません。

3 に答える 3