什么是变量污染?简单点说就像一条清澈的小溪,在某一时间被一渠工厂的水给汇入了,这时候小溪也就变得如同污水一般了,不再是清澈的小溪了。
这么说可能有那么一点不太合适,不过大概就是这么个样子,看个栗子
var a = 1 //小王写的
/*可能还有N多的业务代码*/
var a = 2 //小明写的
//这时候小明并不知道a这个变量在之前已被声明过了,此时小王在使用a变量的时候,就发现a变成了2
// a = 2
这就是变量污染,变量被最后定义的覆盖,在多人合作的项目中是很容易出现此种问题的,也是让JS初学者不易发现的问题
当然也有不错的解决方案,如下:
1、使用匿名函数将其包裹起来
var a = 1 //小王写的
(function () {
var a = 2 //小明写的
//这时候的 a = 2
})()
console.info(a) //1
小王可以无忧的使用自己定义的变量了~~
这样搞定了~,原理就是作用域分开,闭包(closer)里面是一个单独的作用域,不与全局混合。
2、使用命名空间
全局统一使用一个变量作为容器,每个开发人员的名字或者模块名作为其key,所需要的变量就作为此key的value
var G = {}
G.wang = {
name: '小王'
}
G.ming = {
name: '小明'
}
这是就不会出现冲突了~