如今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)附: 內聚度
內聚度指模塊內部實現,它是信息隱藏和局部化概念的自然擴展,它標志著一個模塊內部各成分彼此結合的緊密程度。好處也很明顯,當把相關的任務分組後去閱讀就容易多了。 設計時應該盡可能的提高模塊內聚度,從而獲得較高的模塊獨立性。
耦合度
耦合度則是指模塊之間的關聯程度的度量。耦合度取決於模塊之間接口的復雜性,進入或調用模塊的位置等。與內聚度相反,在設計時應盡量追求松散耦合的系統。