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

模塊化是一種將系統分離成獨立功能部分的方法,可將系統分割成獨立的功能部分,嚴格定義模塊接口、模塊間具備透明性javascript

現在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)附: 
內聚度 
內聚度指模塊內部實現,它是信息隱藏和局部化概念的天然擴展,它標誌着一個模塊內部各成分彼此結合的緊密程度。好處也很明顯,當把相關的任務分組後去閱讀就容易多了。 設計時應該儘量的提升模塊內聚度,從而得到較高的模塊獨立性。 

耦合度 
耦合度則是指模塊之間的關聯程度的度量。耦合度取決於模塊之間接口的複雜性,進入或調用模塊的位置等。與內聚度相反,在設計時應儘可能追求鬆散耦合的系統。php

相關文章
相關標籤/搜索