如何避免JS变量全局污染一

原创
2015/02/06 11:45
阅读数 787

在早期学习工作中,经常在JS文件中写入各种全局变量,小项目问题倒是不大。但是对于中型项目,全局有各种变量,方法时。js代码将会令人书写头疼混乱,所以我用了一个小技巧来解决JS变量的全局污染。

//全局污染的定义 Util.js
function Test1(){
    //代码块
}

function Test2(){
    //代码块
}

如上,在任意JS文件中都可以直接调用  Test1(),Test2() 方法。这种定义方式显然会污染整个环境。

所以我使用如下的方法来编写。

//Global.js
var Global={};
//Util.js

(function($){
    $.Util={};
    $.Util.Test1=function(){
     //代码块
    }
    $.Util.Test2=function(){
     //代码块
    }
})(Global)

采用以上的方法,定义了Global 全局变量,然后给这个变量赋值扩展它的各种功能。

这种方法使用的时候 如下

Global.Util.Test1();
Global.Util.Test2();

通过这种方式,代码变的会清晰,也不会污染全局了。是一个很好用的小技巧哦~

展开阅读全文
打赏
1
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
1
分享
返回顶部
顶部