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




  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值