JavaScript中的Getter和Setter
总览
JavaScript中的getter和setter用于定义计算的属性或访问器。计算属性是使用函数来获取或设置对象值的属性。基本理论正在做这样的事情：
var user = { /* ... object with getters and setters ... */ };
user.phone = '+1 (123) 456-7890'; // updates a database
console.log( user.areaCode ); // displays '123'
console.log( user.area ); // displays 'Anytown, USA'
这对于在访问属性时自动进行后台操作非常有用，例如将数字保留在范围内，重新格式化字符串，触发值已更改的事件，更新关系数据，提供对私有属性的访问等。
下面的示例显示了基本语法，尽管它们只是简单地获取和设置内部对象的值，而无需执行任何特殊操作。如上所述，在实际情况下，您将修改输入和/或输出值以适合您的需求。
获取/设置关键字
的ECMAScript 5支持get和set关键字用于限定计算性能。它们可与IE 8及以下版本之外的所有现代浏览器一起使用。
var foo = {
bar : 123,
get bar(){ return bar; },
set bar( value ){ this.bar = value; }
};
foo.bar = 456;
var gaz = foo.bar;
自定义获取器和设置器
get并且set不是保留字，因此可以重载它们以创建您自己的自定义跨浏览器计算属性功能。这可以在任何浏览器中使用。
var foo = {
_bar : 123,
get : function( name ){ return this[ '_' + name ]; },
set : function( name, value ){ this[ '_' + name ] = value; }
};
foo.set( 'bar', 456 );
var gaz = foo.get( 'bar' );
或者，对于更紧凑的方法，可以使用单个功能。
var foo = {
_bar : 123,
value : function( name /*, value */ ){
if( arguments.length < 2 ){ return this[ '_' + name ]; }
this[ '_' + name ] = value;
}
};
foo.value( 'bar', 456 );
var gaz = foo.value( 'bar' );
避免这样做，否则可能导致代码膨胀。
var foo = {
_a : 123, _b : 456, _c : 789,
getA : function(){ return this._a; },
getB : ..., getC : ..., setA : ..., setB : ..., setC : ...
};
对于上面的示例，内部属性名称用下划线抽象出来，以阻止用户简单地执行foo.barvs foo.get( 'bar' )和获取“未经烹煮”的值。您可以使用条件代码来执行不同的操作，具体取决于要访问的属性的名称（通过name参数）。
Object.defineProperty（）
使用Object.defineProperty()是添加getter和setter的另一种方法，并且可以在定义对象后将其用于对象。它也可以用来设置可配置和可枚举的行为。此语法也可用于IE 8，但不幸的是仅适用于DOM对象。
var foo = { _bar : 123 };
Object.defineProperty( foo, 'bar', {
get : function(){ return this._bar; },
set : function( value ){ this._bar = value; }
} );
foo.bar = 456;
var gaz = foo.bar;
__defineGetter __（）
最后，__defineGetter__()是另一种选择。它已过时，但仍在网络上广泛使用，因此不太可能很快消失。它适用于除IE 10及以下版本的所有浏览器。尽管其他选项在非IE上也能很好地工作，所以这个选项不是那么有用。
var foo = { _bar : 123; }
foo.__defineGetter__( 'bar', function(){ return this._bar; } );
foo.__defineSetter__( 'bar', function( value ){ this._bar = value; } );
另外值得注意的是，在后面的示例中，内部名称必须与访问者名称不同，以避免递归（即，foo.bar调用，foo.get(bar)调用，foo.bar调用foo.get(bar)...）。
也可以看看
MDN get，set，
Object.defineProperty（），__ defineGetter __（），__ defineSetter __（）
MSDN
IE8 Getter支持