JavaScript防止全局变量污染的方法总结

本文实例讲述了JavaScript防止全局变量污染的方法。分享给大家供大家参考，具体如下：

javaScript 可以随意定义保存所有应用资源的全局变量。但全局变量可以削弱程序灵活性，增大了模块之间的耦合性。

在多人协作时，如果定义过多的全局变量 有可能造成全局变量冲突，也就是全局变量污染问题,以下是两种解决办法

一. 定义全局变量命名空间

只创建一个全局变量，并定义该变量为当前应用容器，把其他全局变量追加在该命名空间下

var MY={};my.name={  big_name:"zhangsan",  small_name:"lisi"};my.work={  school_work:"study",  family_work:"we are"};

二 . 利用匿名函数将脚本包裹起来

(function(){  var exp={};  var name="aa";  exp.method=function(){    return name;  };  window.ex=exp;})();

前言

记得long long ago，刚刚开始写JS的时候，我喜欢写一些函数在JS文件里边，然后通过script标签引进来，在DOM节点上绑定onclick等事件，看了很多人写的代码，也大多是这样。

后来会发现，当项目小的时候这么做为了快速开发是可以接受的，然而当很多人一起开发一个Javascript大应用的时候，你会发现不同的代码风格跟全局变量会导致很多冲突，这是一个很痛苦的事情。

曾经的经历

用过jQuery的人就知道其主要的变量符号就是$，没错！因此很多项目的开发人员也要学，就自己把$定义成别的含义了，我心里对其是无敌的鄙视跟厌恶。

我曾经拿过一个项目使用jQuery的，然后上头要我使用一个已有的富文本编辑器，这样就有两个JS文件了

jquery.js和editor.js，于是我要开始写该页面的逻辑了，我发现editor.js里边自定义了$符号，我原本想要把它直接替换成别的标志符，但是悲剧的是，它还有一些插件也会用到，混乱的结构导致我花了很多时间去解决这个冲突。

全局Window

我们都知道，在文件中直接定义的变量跟函数（不嵌套在任何域底下的）都是属于全局的，也就是都在当前页面的window变量底下。例如:

JS代码

function test1(){}var name;function test2(){  i = 1;}

上边代码中的name,test1,test2和i都是属于window底下的全局变量，也就是可以通过以下三种办法访问到它们：

1.直接访问name,test1()等；

2.使用window["name"], window['test1']()等；

3.使用window.name,window.test1()等。

注意：上边代码中的i虽然是在test2函数里边才出现的，因为其前面没有使用var关键字，解释器会认为它在test2的上一层定义的，依次查找上一层，直到找到window全局，如果发现还是未定义，那么将其挂在window底下成为了全局变量。