閱讀(2k) 書(shū)簽贊(0) 我要糾錯(cuò)

Javascript模塊模式

2018-01-06 19:14 更新

Javascript面向?qū)ο笤O(shè)計(jì) - Javascript模塊模式

模塊模式是一個(gè)用于創(chuàng)建單例的對(duì)象創(chuàng)建模式對(duì)象與私有數(shù)據(jù)。

模塊模式是一個(gè)用于創(chuàng)建單例的對(duì)象創(chuàng)建模式對(duì)象與私有數(shù)據(jù)。...


var yourObject = (function() { 
    // private data variables 
    return { //w w  w .  j  av  a  2  s. c  o  m
        // public methods and properties 
    }; 
}()); 

<p>For example: </p>

var book = (function() { 
    var version= 1; 
    return { 
        name : "Javascript", 
        getVersion: function() { 
            return version; 
        }, 
        publishNewVersion : function() { 
            version++; 
        } 
    }; 
}()); 

console.log(book.name);      
console.log(book.getVersion());  //Javascript

book.version = 2; 
console.log(book.getVersion());  //1

book.publishNewVersion(); 
console.log(book.getVersion());  //2

上面的代碼生成以下結(jié)果。

例子

顯示模塊模式在頂部安排所有變量和方法并將它們分配給返回的對(duì)象。

我們可以使用顯示模塊模式來(lái)編寫(xiě)前面的示例，如下所示:


var book = (function() { 
    var version = 1; 
    function getVersion() { /*w  w  w  . jav  a  2  s  . c  om*/
        return version; 
    } 
    function publishNewVersion() { 
        version++; 
    } 
    return { 
        name : "Javascript", 
        getVersion: getVersion, 
        publishNewVersion : publishNewVersion 
    }; 
}()); 

console.log(book.name);      
console.log(book.getVersion());  //Javascript

book.version = 2; 
console.log(book.getVersion());  //1

book.publishNewVersion(); 
console.log(book.getVersion());  //2

上面的代碼生成以下結(jié)果。