metodi get/set JavaScript rispetto ai metodi standard

Question

Perché JavaScript ha due modi diversi per ottenere/impostare le proprietà dell'oggetto?

Esempio:

//implementation 1 
var obj1 = { 
    "x":1, 
    get number() {return this.x}, 
    set number(n) {this.x = n} 
} 

//implementation 2 
var obj2 = { 
    "x":1, 
    getX: function(){return this.x}, 
    setX: function(n){this.x = n} 
} 

Vuol stile un'implementazione hanno vantaggi rispetto agli altri?

Answer 1

Il secondo ha il vantaggio principale di essere semplicemente un oggetto ol'javascript e quindi è ampiamente supportato!

Il primo, come si può vedere su MDN (get e set) è recente (ECMAScript 5.1) e poi sostenuta soltanto da IE9 + in particolare ...

Ho quindi consiglio la seconda implementazione (per il momento!) ...

Answer 2

A differenza dei metodi normali, l'utilizzo di get e set consente di operare direttamente sulle proprietà dell'oggetto (=== codice pulitore/minore), invocando effettivamente i metodi getter e setter "dietro le quinte".

var obj1 = { 
    "x":1, 
    get number() {console.log('get was called'); return this.x}, 
    set number(n) {console.log('set was called'); this.x = n} 
}; 

alert(obj1.number); // calls the getter (and prints to console) 

obj1.number = 10; // calls the setter (and prints to console) 

Come l'altra risposta citata, decidere per/contro utilizzare questo a seconda del set di browser di destinazione.