javascript模塊化是什么及其優缺點介紹

2019-11-20 22:20:38

字體：大中小

來源：轉載

供稿：網友

如今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)附：
內聚度
內聚度指模塊內部實現，它是信息隱藏和局部化概念的自然擴展，它標志著一個模塊內部各成分彼此結合的緊密程度。好處也很明顯，當把相關的任務分組后去閱讀就容易多了。設計時應該盡可能的提高模塊內聚度，從而獲得較高的模塊獨立性。

耦合度
耦合度則是指模塊之間的關聯程度的度量。耦合度取決于模塊之間接口的復雜性，進入或調用模塊的位置等。與內聚度相反，在設計時應盡量追求松散耦合的系統。

上一篇：基于MVC3方式實現下拉列表聯動(JQuery)

下一篇：火狐下table中創建form導致兩個table之間出現空白