汚染を避けるために要素のグローバル変数を取得するにはどうすればよいですか?

Question

var ele=document.getElementById('btn');
ネイティブ JS を記述する場合、大量のページ要素を取得する必要があります。グローバル変数が多すぎるので、汚染を避けるにはどうすればよいでしょうか?

Answer 1

名前空間を開く:
var name={};
name.common={};
name.fx={};
name.site={};
name.common.ele1= document.getElementById('btn' ) ;
neme.fx.ele1= document.getElementById('btn2');

Answer 2

IIFE でラップし、グローバルに配置しないでください。

Answer 3

同じ2階、1フロアをIIFEで包みます

リーリー

Answer 4

モジュール式。 requirejs/webpack/ES6 モジュールの変数はすべてモジュールに対してプライベートです。