基本的JavaScript代碼佈局

Question

我有我認爲是一個相當簡單的問題，但它是我找不到答案的。我有一個對象字面意思，我已經創建了組函數，我想知道如何創建一個變量，該變量位於對象字面值內，並且可由該對象字面值內的所有函數編輯/可訪問。目前，我知道如何做到這一點的唯一方法是創建一個全局變量，但我想停止以這種方式填充全局變量。爲了更好地描述我在尋找什麼小提琴

http://jsfiddle.net/aT3J6/

感謝，任何幫助。

var clickCount = 0; 

/* I would like to place clickCount inside hideShowFn Object but all function inside need access to it, so global within hideShowFn */ 

hideShowFn = { 
    init:function(){ 
    $('.clickMe').click(this.addToCount);     
    }, 

addToCount:function(){ 
    clickCount++; 
    $('<p>'+ clickCount + '</p>').appendTo('body'); 
    } 
} 

hideShowFn.init(); 

Answer 1

創建它立即調用和返回對象，用函數內部的私有變量的函數，就像這樣：

var obj = (function() { 
    var privateStuff = 'private'; 
    return { 
     func1: function() { 
      //do stuff with private variable 
     }, 
     func2: function() { 
      //do stuff with private variable 
     } 
    }; 
}()); 

http://jsfiddle.net/BE3WZ/

這是有私有變量的方式在Functional Programming。

Answer 2

您可以封閉爲Cokegod說，也可以在使用可變this

hideShowFn = { 
    clickCount: 0, 
    init:function(){ 
     $('.clickMe').click(this.addToCount);     
    }, 
    addToCount:function(){ 
     this.clickCount++; 
     $('<p>'+ this.clickCount + '</p>').appendTo('body'); 
    } 
} 

hideShowFn.init(); 

這不到風度的工作簡單地添加到對象和訪問正如Musa所說，addToCount的範圍將是點擊dom節點。

但請看Cokegod的答案。

Answer 3

http://jsfiddle.net/mattblancarte/aT3J6/10/

另一種選擇是僞古典主義風格：

function Constructor(){ 
    var private = 'private'; 
    this.public = 'public'; 

    this.methods = { 
    //your methods here... 
    }; 
} 

var obj = new Constructor(); 

不要忘記使用new關鍵字，否則你將要全局範圍。

你的代碼翻譯成這種風格將是：

function Test(){ 
    var that = this, 
     clickCount = 0; 

    this.init = function(){ 
    $('.clickMe').click(this.addToCount); 
    }; 

    this.addToCount = function(){ 
    clickCount++; 
    $('<p>'+ clickCount + '</p>').appendTo('body'); 
    }; 
} 

var test = new Test(); 
test.init();