JavaScript变量污染

时间:2019-11-10
本文章向大家介绍JavaScript变量污染,主要包括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);

  

原文地址:https://www.cnblogs.com/f6056/p/11831370.html