JavaScript变量污染
定义过多的全局变量,有可能造成全局变量冲突,这种现象称为变量污染。
全局变量在全局作用域内外都是可见的。若是已经声明了一个全局变量,再以相同的关键字和标识符重新声明全局变量,后者的赋值会替代前者的赋值。特别是在多人协作时,若大量使用全局变量,全局变量的这种行为会降低程序的可靠性。
降低JavaScript变量污染的核心就是减少全局变量,基于这个理念,可以将在脚本中创建一个全局变量,作为当前应用的唯一接口,然后通过对象直接量的形式包含所有应用程序变量。
方式一:通过立即执行函数封装应用体。
(function (window) { var MyAPP = {}; //定义 APP 访问接口 MyAPP.name = { //定义APP配置变量 "id": "应用程序的ID编号" }; MyAPP.work = { num: 123, //APP计数器等内部属性 sub: { name: "sub_id" }, //APP 应用分支 doing: function () { //具体方法 //执行代码 } }; window.MyAPP=MyAPP; //对外开放应用程序接口 })(window) console.log(MyAPP.name);
方式二:
var MyAPP = {}; //定义 APP 访问接口 MyAPP.name = { //定义APP配置变量 "id": "应用程序的ID编号" }; MyAPP.work = { num: 123, //APP计数器等内部属性 sub: { name: "sub_id" }, //APP应用分支 doing: function () { //具体方法 //执行代码 } }; console.log(MyAPP.name);