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，变量都是模块私有的。