Javascript動態獲取/設置私人屬性

Question

我想創建getter/setter方法來動態地檢索私有屬性。

這就是我所做的。

首先，我提出的類：

function winClass (posX, posY, w, h) { 
    var x = posX || 0; 
    var y = posY || 0; 
    var width = w || 0; 
    var height = h || 0; 
} 

然後我擴展WINCLASS與getter/setter方法，如下所示：

winClass.prototype.getX = function() { 
    return x; 
} 

winClass.prototype.setX = function (val) { 
    x = val; 
} 

然後我測試：

var win1 = new winClass (10, 10, 100, 100); 
document.write (win1.getX()); 

但是，當我嘗試設置'getX'方法時出現以下錯誤：'x未定義'。 它是有道理的，因爲'x'不在winClass範圍內，因此我不知道如何爲私有變量設置動態getter/setter方法。

任何想法？

Answer 1

getter/setters必須在可以看到私有變量的範圍內，並且唯一可以看到這些變量的範圍是構造函數的內部。這就是爲什麼這些變量實際上是私人的。所以，要爲它們設置setter/getters，你必須把這些函數放在那個可以看到它們的範圍中。這將工作：

function winClass (posX, posY, w, h) { 
    var x = posX || 0; 
    var y = posY || 0; 
    var width = w || 0; 
    var height = h || 0; 

    this.getX = function() {return(x);} 
    this.setX = function(newX) {x = newX;} 
} 

var win1 = new winClass (10, 10, 100, 100); 
alert(win1.getX()); // alerts 10 

你可以看到它在這裏工作：http://jsfiddle.net/jfriend00/hYps2/。

如果你想爲士兵一個通用的getter/setter，你可以做這樣的：

function winClass (posX, posY, w, h) { 
    var privates = {}; 
    privates.x = posX || 0; 
    privates.y = posY || 0; 
    privates.width = w || 0; 
    privates.height = h || 0; 

    this.get = function(item) {return(privates[item]);} 
    this.set = function(item, val) {privates[item] = val;} 
} 

var win2 = new winClass(10,10,100,100); 
alert(win2.get("x")); // alerts 10 

而且，如果你想破解圍繞這些變量的私有性質，這使得沒有任何意義，我（你還不如讓他們當時的標準實例變量），你可以做這樣的：

function winClass (posX, posY, w, h) { 
    var privates = {}; 
    privates.x = posX || 0; 
    privates.y = posY || 0; 
    privates.width = w || 0; 
    privates.height = h || 0; 

    this.getPrivates = function() {return(privates);} 
} 

winClass.prototype.getX = function() { 
    return(this.getPrivates().x); 
} 

winClass.prototype.setX = function(newX) { 
    this.getPrivates().x = newX; 
} 

這裏舉例：http://jsfiddle.net/jfriend00/EKHFh/。

當然，這會破壞變量的私有性質，所以這樣做沒有任何意義，因爲使它們成爲常規實例變量會更容易，並且具有相同的訪問控制。

而且，爲了完整起見，這裏是普通的實例變量方法，它可以自由地將訪問器方法添加到原型中，但變量不是私有的。

function winClass (posX, posY, w, h) { 
    this.x = posX || 0; 
    this.y = posY || 0; 
    this.width = w || 0; 
    this.height = h || 0; 
} 

winClass.prototype.getX = function() { 
    return(this.x); 
} 

winClass.prototype.setX = function(newX) { 
    this.x = newX; 
} 

Answer 2

最近幾天我一直在玩這個東西。如果你還沒有，我會建議看看模塊模式。這方面有很多資源，但我更喜歡這篇文章。 http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth

它像處理公共/私有方法/變量一樣處理OOP。

Answer 3

看看this它解釋瞭如何在JavaScript中編寫C＃樣式的getter和setter。非常酷