Bagaimana untuk mendapatkan pembolehubah global unsur untuk mengelakkan tercemar?

Question

var ele=document.getElementById('btn');
Apabila menulis js asli, anda perlu mendapatkan sejumlah besar elemen halaman Memandangkan terdapat terlalu banyak pembolehubah global, bagaimanakah anda mengelak daripada tercemar?

Answer 1

Ruang nama terbuka:
var name={};
name.common={};
name.fx={};
name.site={};
name.common.ele1= document.getElementById('btn' ) ;
neme.fx.ele1= document.getElementById('btn2');

Answer 2

Balutkannya dalam IIFE dan jangan letakkannya secara global.

Answer 3

Sama di tingkat atas, balut satu tingkat dengan IIFE

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

Answer 4

Modular. requirejs/webpack/ES6 modul, pembolehubah semuanya peribadi kepada modul.