1、Module模式模組化

Module模式具有模組化，可重用的基本特徵，封裝了變數和function，只暴露可用public的方法，其它私有方法全部隱藏。在沒有使用模組化工具的情況下，用模組化的思想來編寫整個JS結構。

例如下圖，以webrtcUI層程式碼為例，MeetingMainPage為主模組，MeetingChatModule為掛載在MeetingMainPage下的子模組。請注意，這裡存在一個依賴關係，需在MeetingMainPage定義前定義MeetingChatModule。

1）如果需要用到鏈式呼叫，請做好保護，如圖中的A處；對於jQuery，鏈式呼叫是它的一個特色，推薦使用；

2）如果需要獲取或設定模組中的私有變數，請用get、set的方式，如圖中的B處；

2、SeaJS工具模組化

Seajs，是一個Web模組載入框架，遵循 CMD（Common Module Definition，通用模組定義） 規範，模組化JS程式碼。Seajs具有提高可維護性，模組化程式設計，動態載入，優化前端效能等優點。

例如下圖，main.js為入口，ModuleA.js為子模組。