javascript中的defineGetter和defineSetter介紹

更新時間：2014年08月15日 10:08:41 投稿：junjie

這篇文章主要介紹了javascript中的__defineGetter__和__defineSetter__介紹,類似面向對象語言中的get和set關鍵字,需要的朋友可以參考下

Getter是一種獲取一個屬性的值的方法，Setter是一種設置一個屬性的值的方法。可以為任何預定義的核心對象或用戶自定義對象定義getter和setter方法，從而為現(xiàn)有的對象添加新的屬性。

有兩種方法來定義Getter或Setter方法：

1.在對象初始化時定義
2.在對象定義后通過Object的__defineGetter__、__defineSetter__方法來追加定義

在使用對象初始化過程來定義Getter和Setter方法時唯一要做的事情就是在getter方法前面加上“get”，在setter方法前面加上“set”。

還有一點要注意的就是getter方法沒有參數(shù)，setter方法必須有一個參數(shù)，也就是要設置的屬性的新值。

例如：

復制代碼代碼如下:

   o = {  

        value:9,  

        get b() {return this.value;},  

        set setter(x) {this.value = x;}  

    }

在對象定義后給對象添加getter或setter方法要通過兩個特殊的方法__defineGetter__和__defineSetter__。這兩個函數(shù)要求第一個是getter或setter的名稱，以string給出，第二個參數(shù)是作為getter或setter的函數(shù)。

例如我們給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，或者這個對象的原型不是你寫的或是內(nèi)置對象，那么只好采用第二種方式了。

下面是一個為Mozilla瀏覽器添加innerText屬性的實現(xiàn)：

復制代碼代碼如下:

 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  

       }

您可能感興趣的文章: