JavaScript变量污染

时间:2023-03-09 05:19:09
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);