JS設計模式三：模塊模式

這裏有一份簡潔的前端知識體系等待你查收，看看吧，會有驚喜哦~若是以爲不錯，懇求star哈~

模塊模式簡述

模塊模式是爲單例模式添加私有變量和私有方法，並減小全局變量的使用；以下就是一個模塊模式的代碼結構：

var singleMode = (function(){
    // 建立私有變量
    var privateNum = 112;
    // 建立私有方法
    function privateFunc(){},
    // 建立公有方法
    function publicMethod1(){},
    function publicMethod2(){},
    // 返回一個對象包含公有方法和屬性
    return {
        publicMethod1: publicMethod1,
        publicMethod2: publicMethod2
    };
})();
複製代碼

如上代碼，模塊模式使用了一個返回對象的匿名函數。在這個匿名函數內部，先定義了私有變量和函數，供內部函數使用，而後將一個對象字面量做爲函數的值返回，返回的對象字面量中只包含能夠公開的屬性和方法。這樣的話，能夠提供外部使用該方法；因爲該返回對象中的公有方法是在匿名函數內部定義的，所以它能夠訪問內部的私有變量和函數。

模塊模式使用場景

建立一個對象時，須要進行內部初始化，同時對內部屬性跟方法有訪問權限限制，就須要使用模塊模式了。