JS模块化

遇到的问题:

- 冲突

函数名字一样;
解决方法:
加命名空间,把方法放到对象的属性里,可降低冲突,但无法避免。

- 性能

加载大插件,但只需用一个方法,全部加载的话降低性能。
解决方法:
拆分成小方法,按需引入。但是页面引入很多js文件,会引入依赖问题。

- 依赖

加载js的顺序依赖问题。

JS模块化

seajs

使用:

  • 引入sea.js库;
  • 如何变成模块 define()
define(function(require,exports,module){//参数固,写法不变
    function tab(){
         alert(123);
    }
})
  • 如何调用模块exports seajs.use
define(function(require,exports,module){//参数固,写法不变
//exports对外的接口
    function tab(){
         alert(123);
    }
    exports.tab=tab;
})
//seajs.use-页面调用模块-第一个参数:模块的地址,第二个参数:地址加载成功后的回调函数。
seajs的默认根目录:sea.js
seajs.use(‘./js/test1.js’,function(ex){//回调的参数,就是模块中的exports
    ex.tab();
});
  • 如何依赖模块 require
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是模块化? 简单理解:将各个功能封装为独立的模块,当需要某个功能时,只需要加载相应的模块即可 为什么出现模块化...
    放风筝的小小马阅读 913评论 0 6
  • html与js模块化解决方案## html 模块以预编译的方式模块编写,例:界面包含三部分(head body f...
    大雨_60kg阅读 958评论 0 4
  • requirejs是一个JavaScript文件和模块加载器。requireJS允许你把你的javascript代...
    GQ1994阅读 2,217评论 0 58
  • 什么是模块化? 1,把你的代码写成模块的2,把这单独的模块写在单独的文件里 模块化有什么好处? 1,让代码更清晰2...
    PYFang阅读 391评论 0 0
  • 历史上JavaScript一直没有模块体系,在其他高级语言中,Java有类文件,Python有import机制,R...
    还是那个西瓜阅读 274评论 0 1