javascript:模块化以及块作用域

现在的前端,基本都是用模块化的方式来写代码了,也是,毕竟一个项目太多js文件的情况下,全局污染必定存在,而js又提供了闭包,能很好的避免污染的问题
     作用域大家都知道,就比如一个匿名函数,内部定义了一个变量,而这个变量的作用域就是在这个函数中,在其他的函数中无法调用到这个变量,比较麻烦,不像java等语言一样,可以用class,于是,js要获得块级作用域就只能用刚刚说的闭包来处理了,


代码模式如下:

function a(){
var i=0;
}

但是,在这种情况下,我们可能会定义很多次的名字一样的function。比如都是计时的功能,

备注:setInterval执行的时候,是在全局作用域下的

我们都回命名为settime之类的,这时候就会冲突了,这时候,我们就需要用到模块化了(其实上面的代码也是属于模块化,但是无法保证不会造成污染),

于是有了下面的模块化:

  var module1 = new Object({

    _count : 0,

    m1 : function (){
      //...
    },

    m2 : function (){
      //...
    }

  });

是的,这样我们就不会造成污染了,但是!我们会随意访问带_count这个属性,很好是吧,但是我们也可以改动他,这也是造成了一种另类的污染,

这时候。还是说到刚刚的闭包,而且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,见仁见智了





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值