Javascript模塊模式

2018-01-06 19:14 更新

Javascript面向?qū)ο笤O計 - Javascript模塊模式


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

模塊模式是一個用于創(chuàng)建單例的對象創(chuàng)建模式對象與私有數(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é)果。



例子

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

我們可以使用顯示模塊模式來編寫前面的示例,如下所示:


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é)果。



以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號