JavaScriptでのゲッターとセッター
概観
JavaScriptのゲッターとセッターは、計算されたプロパティまたはアクセサーの定義に使用されます。計算されたプロパティは、関数を使用してオブジェクト値を取得または設定するプロパティです。基本的な理論は次のようなことをしています：
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.bar対をfoo.get( 'bar' )して「生」の値を取得します。条件付きコードを使用して、（nameパラメーターを介して）アクセスされているプロパティの名前に応じてさまざまなことを実行できます。
Object.defineProperty（）
使用Object.defineProperty()はゲッターとセッターを追加するもう1つの方法であり、定義後にオブジェクトで使用できます。また、構成可能で列挙可能な動作を設定するためにも使用できます。この構文は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__()別のオプションです。これは非推奨ですが、Webで広く使用されているため、すぐになくなることはほとんどありません。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 Support