javascript模块化是什么及其优缺点介绍

 更新时间:2013年09月02日 17:43:41   作者:  
模块化是一种将系统分离成独立功能部分的方法,可将系统分割成独立的功能部分,严格定义模块接口、模块间具有透明性
如今backbone、emberjs、spinejs、batmanjs 等MVC框架侵袭而来。CommonJS、AMD、NodeJS、RequireJS、SeaJS、curljs等模块化的JavaScript扑面而来。web前端已经演变成大前端,web前端的发展速度之快。

1)我们来看看什么是模块化?
模块化是一种将系统分离成独立功能部分的方法,可将系统分割成独立的功能部分,严格定义模块接口、模块间具有透明性。javascript中的模块在一些C、PHP、java中比较常见:

c中使用include 包含.h文件;php中使用require_once包含.php文件
java使用import导入包
此中都有模块化的思想。

2)模块化的优缺点:

a>优点:
可维护性
1.灵活架构,焦点分离
2.方便模块间组合、分解
3.方便单个模块功能调试、升级
4.多人协作互不干扰
可测试性
1.可分单元测试

b>缺点:
性能损耗
1.系统分层,调用链会很长
2.模块间通信,模块间发送消息会很耗性能

3)最近的项目中也有用到模块化,使用的是seajs,但是当引用到jquery,jquery easyui/或者jquery UI组件时,有可能会用到很多jquery插件,那这样要是实现一个很复杂的交互时,模块间的依赖会很多,使用define()方法引入模块会很多,不知有么有什么好的方法?

4)附:
内聚度
内聚度指模块内部实现,它是信息隐藏和局部化概念的自然扩展,它标志着一个模块内部各成分彼此结合的紧密程度。好处也很明显,当把相关的任务分组后去阅读就容易多了。 设计时应该尽可能的提高模块内聚度,从而获得较高的模块独立性。

耦合度
耦合度则是指模块之间的关联程度的度量。耦合度取决于模块之间接口的复杂性,进入或调用模块的位置等。与内聚度相反,在设计时应尽量追求松散耦合的系统。

相关文章

  • JS、CSS加载中的小问题探讨

    JS、CSS加载中的小问题探讨

    JS,CSS加载中的一些小问题,或许大家早已把它遗忘,下面和大家一起重温下,感兴趣的朋友可以不要错过
    2013-11-11
  • Javascript数组循环遍历之forEach详解

    Javascript数组循环遍历之forEach详解

    本篇文章主要介绍了Javascript 数组循环遍历之forEach详解,对学习forEach有很好的帮助,有需要的可以了解一下。
    2016-11-11
  • js nextSibling属性和previousSibling属性概述及使用注意

    js nextSibling属性和previousSibling属性概述及使用注意

    nextSibling属性:该属性表示当前节点的下一个节点;如果其后没有与其同级的节点,则返回null;previousSibling属性:该属性与nextSibling属性的作用正好相反,接下来将详细介绍下,感兴趣的你不妨了解下哦,或许对你有所帮助
    2013-02-02
  • 日历查询的算法 如何计算某一天是星期几

    日历查询的算法 如何计算某一天是星期几

    历史上的某一天是星期几?未来的某一天是星期几?关于这个问题,有很多计算公式,其中最著名的是蔡勒(Zeller)公式
    2012-12-12
  • Dojo Javascript 编程规范 规范自己的JavaScript书写

    Dojo Javascript 编程规范 规范自己的JavaScript书写

    良好的JavaScript书写习惯的优点不言而喻,今天彬Go向大家推荐Dojo Javascript 编程规范,相当不错的 Javascript 编程风格规范,建议大家可以借鉴一下此规范编写 Javascript。感谢i.feelinglucky的翻译
    2014-10-10
  • javascript创建对象、对象继承的实用方式详解

    javascript创建对象、对象继承的实用方式详解

    JavaScript中的对象是基于原型的。原型是对象的基础,它定义并实现了一个新对象所必须包含的成员列表,并被所有同类对象实例所共享。与其他语言中类的概念相比,原型更像是类的静态成员。本文着重给大家介绍javascript创建对象、对象继承的实用方式
    2016-03-03
  • JavaScript中的异常处理

    JavaScript中的异常处理

    这篇文章介绍了JavaScript中异常处理的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-05-05
  • 全面了解JavaScript的数据类型转换

    全面了解JavaScript的数据类型转换

    下面小编就为大家带来一篇全面了解JavaScript的数据类型转换。小编觉得挺不错的,现在就分享给大家看,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • FCK调用方法..

    FCK调用方法..

    FCK调用方法.....
    2006-12-12
  • 深入理解javascript变量声明

    深入理解javascript变量声明

    本文是谈谈自己对于javascript中变量声明的一些看法、感想和理解,算是自己的一个小总结吧,分享出来给大家,希望对小伙伴们能有所帮助
    2014-11-11

最新评论