现在的前端,基本都是用模块化的方式来写代码了,也是,毕竟一个项目太多js文件的情况下,全局污染必定存在,而js又提供了闭包,能很好的避免污染的问题
作用域大家都知道,就比如一个匿名函数,内部定义了一个变量,而这个变量的作用域就是在这个函数中,在其他的函数中无法调用到这个变量,比较麻烦,不像java等语言一样,可以用class,于是,js要获得块级作用域就只能用刚刚说的闭包来处理了,
代码模式如下:
function
a(){
var i=0;
}
但是,在这种情况下,我们可能会定义很多次的名字一样的function。比如都是计时的功能,
备注:setInterval执行的时候,是在全局作用域下的
我们都回命名为settime之类的,这时候就会冲突了,这时候,我们就需要用到模块化了(其实上面的代码也是属于模块化,但是无法保证不会造成污染),
于是有了下面的模块化:
是的,这样我们就不会造成污染了,但是!我们会随意访问带_count这个属性,很好是吧,但是我们也可以改动他,这也是造成了一种另类的污染,var module1 = new Object({
_count : 0,
m1 : function (){
//...
},m2 : function (){
//...
}});
这时候。还是说到刚刚的闭包,而且js有个特征,就是使用完后会销毁,所以。我们可以使用立即函数
(顾名思义,就是立即执行,模板为:()();---------------------------->再在第一个括号里面添加fucton。这时候就变成这样-------------------------->(function(){
console.log("aaaaa");})();)
使用了立即函数,但是,这时候我们内部的方法又无法访问,这又有什么用,所哟,我们需要暴露出接口,最后的模板就是这样le :
var module1=(function(){
var _count=0;
var m1=function(){console.log("m1")};
var m2=function(){console.log("m2")};
return{
m1:m1,
m2:m2
};
})();
window.onload = function() {
module1.m1();
}
也就是我们在return里面把我们想要用的暴露出来,但是注意是逗号,不是分号;
就这样,但是说到模块化,就开始有了分歧,使用requirejs为代表的amd,还是seajs为代表的cmd,见仁见智了