javascript屬性訪問器

Question

在Javascript中，似乎使用屬性訪問器不是所有常見的（與其他OO語言（例如Java）不同）。

如果我有一個Person物體的名稱，定義爲

function Person(name) { 
    this.name = name; 
} 

一個人的名字不會改變，但我希望能夠在需要時訪問它，所以我可以做什麼像：

function Person(name) { 
    var name = name; 
    this.getName = function() { 
     return name; 
    } 
} 

即使是在一個動態語言，我想用干將的原則和setter方法應用於他們做靜態類型的面嚮對象語言的相同方式（如封裝，添加驗證，限制出入等）

此問題可能會被視爲主觀，但我很好奇爲什麼這種行爲不會更頻繁地出現（例如，如果一切都公開的話，Java開發人員會變得瘋狂）。

有沒有一個「標準」的方式來做到這一點的JavaScript？我見過Object.defineProperty，但並非所有的瀏覽器都支持這一點。

Answer 1

JavaScript有攔截，能夠屬性訪問：

http://ejohn.org/blog/javascript-getters-and-setters/

恕我直言，這是一個更好的解決方案來執行比Java的更嚴格明確的干將統一接入的原則，但也是簡單的一部分，該語言不靈活（例如Groovy允許類似的截取）。

Answer 2

我認爲答案是在javascript中模擬類不是常見的做法，因爲該語言實際上是原型的。

儘管可以創建類結構（如你的例子），但它們並不是真的像java類，而作爲一名程序員，你最終會與細微之處發生衝突。

但是，如果您擁抱javascript的原型性質，那麼您將得到一種不同的，但內聚性強且結構簡單的語言獎勵。

沒有必要使用具有原型結構的getter和setter，因爲您可以簡單地設置一個對象，並將其設置爲一個值，然後將其作爲值調用。

JavaScript不會強制您編寫結構化代碼，也不會阻止您這樣做。我認爲，圍繞javascript發展起來的文化已經開發出了一種很好的編碼風格，這是完全有效的，與我使用的其他語言不同。

我知道這個答案不是確定性的，也是確鑿的，但希望有一些想法可以幫助你找到你正在尋找的anser。

Answer 3

我知道我對這個問題的想法。

吸氣劑和安裝劑是邪惡的。

等等！真！忍受我一會兒，讓我解釋一下。

只是使用一種方法來獲取和設置一個值是..好..有點毫無意義。它不保護，不是真的，你放入的是你得到的東西。

另一方面，我非常喜歡將信息放入信息的方法，然後再獲取信息。但這裏是魔法部分！這不是同一個信息。不直接。

function Person(name) { 
    this.getFullName = function() {return this.firstName + " " + this.lastName;}; 
    this.setBirthday = function(date) { this.birthday = date; }; 

    this.getAge = function() { /* Return age based on the birthday */ }; 
    this.isOfLegalDrinkingAge function() { /* do your math here too */ }; 
} 

但大多數時候我只是推動靜態數據並獲取靜態數據。把它藏在吸氣劑和吸附劑後面有什麼意義？

作爲一個次要的原因，處理DOM和大多數主機對象，你設置屬性。你不玩弄吸氣和安裝者。不使用它們適合JS編碼器所做的其他「風格」。

Answer 4

我道歉，如果我不理解正確的問題，而是自我執行功能是使成員公共單程/私人

var Person = function(){ 
    var _name = "Roger", 
     self = { getName : function(){ return _name; }}; 
    return self; 
}() 

然後，您可以從任何地方訪問Person.getName（），但不能設置_name 。

Answer 5

這是我用於本地字段：

TYPE_DEFAULT_VALUE= { 
    number: 0, 
    string: "", 
    array: [], 
    object: {}, 
}; 

typeOf = function (object) { 
    if (typeof object === "number" && isNaN(object)) 
     return NaN; 
    try { 
     return Object.prototype.toString.call(object).slice(8, -1).toLowerCase(); 
    } 
    catch(ex) { 
     return "N/A"; 
    }; 
}; 

getAccessor = function(obj, key, type, defaultValue) { 
    if (defaultValue === undefined) 
     defaultValue = TYPE_DEFAULT_VALUE[type] === undefined ? null : TYPE_DEFAULT_VALUE[type]; 
    return { 
     enumerable: true, 
     configurable: true, 
     get: function() { 
      if (obj[key] === undefined) 
       obj[key] = defaultValue; 
      return obj[key]; 
     }, 
     set: function (value) { 
      if (typeOf(value) === type) 
       obj[key] = value; 
     }, 
    }; 
} 

LocalFields = function (fields, object) { 
    /** 
    * field properties 
    * { 
    * type: [ required ] (number | string | array | object | ...), 
    * defaultValue: [ optional ] 
    * } 
    */ 
    if (! fields) 
     throw "Too few parameters ..."; 
    if (! object) 
     object = this; 

    var obj = this; 
    var fieldsAccessor = {}; 
    for(key in fields){ 
     field = fields[key]; 
     fieldHandler = key[0].toUpperCase() + key.substr(1); 
     if(! field.type) 
      throw "Type not set for field: " + key; 

     fieldsAccessor[fieldHandler] = getAccessor(obj, fieldHandler, field.type, field.defaultValue) 
    } 
    Object.defineProperties(object, fieldsAccessor); 
} 

現在，每一個類，我可以只需要調用是這樣的：

Person = function(){ 
    new LocalFields({ 
     id:  { type: "number" }, 
     name: { type: "string" }, 
    }, this); 
} 

然後像VS getter和setter你撥打：

var alex = new Person(); 
alex.Name = "Alex Ramsi"; 
console.clear(); 
console.info(alex.Name);