|
|
來源:http://anbutu.Javaeye.com/blog/post/194276
關鍵字: JavaScript Mozilla __defineGetter__ __defineSetter__
Getter是一種獲取一個屬性的值的方法，Setter是一種設置一個屬性的值的方法?？梢詾槿魏晤A定義的核心對象或用戶自定義對象定義getter和setter方法，從而為現有的對象添加新的屬性。
有兩種方法來定義Getter或Setter方法：
在對象初始化時定義
在對象定義后通過Object的__defineGetter__、__defineSetter__方法來追加定義
在使用對象初始化過程來定義Getter和Setter方法時唯一要做的事情就是在getter方法前面加上“get”，在setter方法前面加上“set”。
還有一點要注意的就是getter方法沒有參數，setter方法必須有一個參數，也就是要設置的屬性的新值。
例如：
復制代碼 代碼如下:
o = {
value:9,
get b() {return this.value;},
set setter(x) {this.value = x;}
}
在對象定義后給對象添加getter或setter方法要通過兩個特殊的方法__defineGetter__和__defineSetter__。這兩個函數要求第一個是getter或setter的名稱，以string給出，第二個參數是作為getter或setter的函數。
例如我們給Date對象添加一個year屬性：
復制代碼 代碼如下:
Date.prototype.__defineGetter__('year', function() {return this.getFullYear();});
Date.prototype.__defineSetter__('year', function(y) {this.setFullYear(y)});
var now = new Date;
alert(now.year);
now.year = 2006;
alert(now);
至于采用哪種形式主要取決于個人的編程風格，采用第一種形式結構緊湊，更容易理解。但是假如你想在對象定義以后再添加Getter或Setter，或者這個對象的原型不是你寫的或是內置對象，那么只好采用第二種方式了。
下面是一個為Mozilla瀏覽器添加innerText屬性的實現：
復制代碼 代碼如下:
HTMLElement.prototype.__defineGetter__
(
"innerText",function()
//define a getter method to get the value of innerText,
//so you can read it now!
{
var textRange = this.ownerDocument.createRange();
//Using range to retrieve the content of the object
textRange.selectNodeContents(this);
//only get the content of the object node
return textRange.toString();
// give innerText the value of the node content
}
);
JavaScript技術：關于__defineGetter__ 和__defineSetter__的說明，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
