JS防止全局变量污染解决方案

1.目前出现的问题：

　　a.随意使用全局变量，会存在冲突的风险和难以解决的问题。

　　b.现有JS代码共享流程中的状态，参数，都是通过按钮传递，非常别扭，不易于管理。

　　c.通过完成后的代码很难知晓业务流程，很蹩脚。

2.目前的代码方案优点：

　　a.代码的公共参数、公共函数一目了然，复用也简单。

　　b.可以根据业务板块划分代码模块，耦合性非常低。

　　c.用JS的对象逻辑实现了代码“包”的概念。

3.具体方案:

3.1　//1)避免污染 2）可以互相取到值。var myInfo = {};myInfo.name = {    smallName: "小七",

    bigName: "张国彪"
};
myInfo.myWork = {
    jog: function(){
        console.log("Codeing");
    },
    myLike: function(){
        console.log("读书，旅游");
    },
    jiaoSmallName: function(){
        console.log(this);
        console.log(myInfo.name.smallName);//这样就可以取到想要的参数了。
    }
};

myInfo.myWork.jog();
myInfo.myWork.myLike();
console.log("我的小名：" + myInfo.name.smallName);
myInfo.myWork.jiaoSmallName()

3.2利用匿名函数将脚本包裹起来（适用于一小段代码）
(function(){
　　console.log("Hello World!");
})();

4.可以通过给模块增加extends来增加与其他模块的通信。

5.解决方案在代码实践中的细节技巧积累：

　　/*PC版会员改版支付流程*/

　　a.index()函数获取自己想要的索引值，在支付弹窗点击价格条出现不同二维码。

　　b.严格按照理清需求，按模块划分“包”，按流程步骤划分具体函数。