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

2019独角兽企业重金招聘Python工程师标准>>>

在早期学习工作中，经常在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();

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

转载于:https://my.oschina.net/caomenglong/blog/376013