javascript - 取得元素的全域變數如何避免被污染？

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

同樓上,用IIFE包一層

(function () {
    var foo = '...';
    var baar = '...';
})();

Answer 4

模組化。 requierjs/webpack/ES6 modules，變數都是模組私有的。