Module（模塊）模式

概念

Module模式最初被定義為一種在傳統軟件工程中為類提供私有和共有封裝的方法。

通過這種方式，能夠使一個單獨的對象擁有共有/私有方法和變量，從而屏蔽來自全局作用局的特殊部分。
產生的結果是： 函數名與在頁面上其他腳本定義的函數沖突的可能性降級

應用

實現一個簡單的計數器

orderModule外的代碼無法直接讀取getNum(),addNum()和subNum(),orderNum變量實際上是與全局作用域隔離的，因此它表現的就像是一個四有變量，他的存在被局限于模塊的閉包內，因此唯一能訪問其作用域的代碼就是這三個函數。

這樣實現同時也進行了有效的命名空間設置。

var orderModule = (function() {var orderNum = 1;return {getNum: function() {return orderNum;},addNum: function() {orderNum = orderNum + 1;},subNum: function() {orderNum = orderNum > 1 ? orderNum - 1 : orderNum;}} })();orderModule.getNum();

Revealing Module（揭示模塊）模式

概念

揭示模塊模式是在模塊模式的基礎上進行改進，在私有范圍內簡單定義所有的函數和變量，并返回一個匿名對象，它擁有指向私有函數的指針，該函數是展示為共有的方法。

應用

var orderModule = (function() {var orderNum = 1;function getNum() {return orderNum;}function addNum() {orderNum = orderNum + 1;}function subNum() {orderNum = orderNum > 1 ? orderNum - 1 : orderNum;}//將暴露的公有指針指向到私有函數和屬性上return {get: getNum,add: addNum,sub: subNum} })();orderModule.get();

參考

《JavaScript設計模式》

JS設計模式系列文章

JS設計模式之Factory（工廠）模式
JS設計模式之Singleton（單例）模式
JS設計模式之Facade（外觀）模式
JS設計模式之Module（模塊）模式、Revealing Module（揭示模塊）模式

總結

以上是生活随笔為你收集整理的JS设计模式之Module（模块）模式、Revealing Module（揭示模块）模式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。