对require使用的一点理解

初次接触requirejs时,感觉很强大,就想通过公司的实际项目了解require的精髓所在,但随着对require了解了一点皮毛之后,才发现公司下面把require使用的不伦不类的。
本来require可以减少开发人员手动在页面引入<script>标签,但公司虽然使用了require,却同样把所有的需要js脚本也在页面引入了一遍,不然require里就会报未加载模块的错误。
在对require不了解之前,我感觉require也没有传说的那么强大,但在自己亲手尝试后,才知道,不是requirejs不强大,而是人的问题。
公司项目的模块结构是这样的:
    在all.js中包括了所有的公用的模块:b,c,d,e,f....
其实本来在模块引入时,只要使用require把all(至于all.js 是不是必需明确使用define("all",...)定义一个all模块没有验证过)当作依赖模块引入,然后就可以在内部使用require(),获取对all.js里定义的所有模块的引用。
但可以可但是,在使用依赖时,项目代码里却直接把b,c,e...等当作依赖模块引入。在all.js没有被页面加载之前,文件里的所有模块肯定是不存在,sososo,当出的开发人员就直接在页面之上,引入require之前,把all.js用<script>把引进来了,
同样的还有对juqery的引入,这害我当时看代码时迷茫了很长时间。真感叹这些用了requirejs,把requirejs吹的神乎其神的人,除了挂在嘴边模块化,其它都估计都丢了。

算了最后,还是说说require模块的加载吧,虽然不一定完全正确,但我也想吹一吹我的理解,其实当我们引入一个依赖的模块时,require会先从已经加载的模块寻找,如果没有找到,才会根据配置的路径从网络加载模块。

下面是我根据自己的理解,在一个js中定义多个模块的all.js文件。
all.js:
    define("b",["jquery"],function($){});
    define("c",["jquery"],function($){});
    define("d",["jquery"],function($){});
    define("e",["jquery"],function($){});
    ...

    /***
    **返回整个文件中所有模块的封装
    **可在依赖all模块之后通过 require(模块名) 进行引用,
    **同时也可通过 all.模块名 的方式进行引用。
    ******/
    define("all",["b","c","d","e",...],function(b,c,d,e,...){
        return {
            "b":b,
            "c":c,
            "d":d,
            "e":e
        }
    });



现在貌似有点理解微信开放平台和钉钉的模块加载了,他们初始化时需要在config内列出要用的功能(即模块)。不确定自己的理解是否正确,但确实可以模仿这种方式做出自己的按需加载和控制模块的使用权限。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值