简述JavaScript变量污染解决方法

什么是变量污染?简单点说就像一条清澈的小溪,在某一时间被一渠工厂的水给汇入了,这时候小溪也就变得如同污水一般了,不再是清澈的小溪了。

这么说可能有那么一点不太合适,不过大概就是这么个样子,看个栗子

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: '小明'
}
这是就不会出现冲突了~




猜你喜欢

转载自blog.csdn.net/qq_39480597/article/details/79655997