javascript中的setter、getter是平時接觸比較少的方法,其本身也並不是標準方法,只在非ie瀏覽器裡支援(ie內核也許有其他方法可以做到呢?暫時不知其解),但是加以利用可以做許多事情,例如:
1、對資料的存取限制:
a.value是對value變數的getter方法調用,如果在getter方法實作中拋出異常,可以阻止對value變數的訪問
2、對dom變數進行監聽:
window.name是一個跨域非常好用的dom屬性(大名鼎鼎,詳見百度),如果覆蓋window.name的setter實現則可以實現跨頁面的內存異步通信
3、自己發揮想像力,能做的事情好多滴
以下皆轉:
首先,我們先來快速了解什麼是Getters和Setters,以及它們為什麼很有用。然後,我們來看看現在有哪些平台支援Gettets和Setters。
Getters和Setters
Getters和Setters使你可以快速取得或設定一個物件的資料。一般來說,一個物件有兩個方法,分別用來取得和設定某個值,例如:
{ getValue: function(){ return this._value; }, setValue: function(val){ this._value = val; } }
用這種方式寫JavaScript的一個明顯的好處是:你可以用它來隱藏那些不想讓外界直接訪問的屬性。最終的程式碼看起來就像下面這樣(用閉包保存新建立的Filed物件的value):
function Field(val){ var value = val; this.getValue = function(){ return value; }; this.setValue = function(val){ value = val; }; }
於是我們可以這樣使用:
var field = new Field("test"); field.value // => undefined field.setValue("test2") field.getValue() // => "test2"
我們來模擬上例中的“隱藏的value屬性”,我們的程式碼就像這樣:
function Field(val){ var value = val; this.__defineGetter__("value", function(){ return value; }); this.__defineSetter__("value", function(val){ value = val; }); }
但是呢,你不喜歡這樣寫,而傾向在物件的prototype中定義getters和setters(私有變數寫在哪裡並不重要),我們可以用另一種語法。
function Field(val){ this.value = val; } Field.prototype = { get value(){ return this._value; }, set value(val){ this._value = val; } };
這種語法看起來很不可思議,但是使用過一段時間之後,接受它也很容易。
接下來是另一個例子,它允許外界取得一個username數組,但卻不能取得原始的,隱藏的user物件。
function Site(users){ this.__defineGetter__("users", function(){ // JS 1.6 Array map() return users.map(function(user){ return user.name; }); }; }
記住以下幾點:
一個物件內,每個變數只能有一個getter或setter。 (因此value可以有一個getter和一個setter,但是value絕對沒有兩個getters)
刪除getter或setter的唯一方法是:delete object[name]。 delete可以刪除一些常見的屬性,getters和setters。
如果使用__defineGetter__或__defineSetter__,它會重寫先前定義的相同名稱的getter或setter,甚至是屬性(property)。
平台
支援的瀏覽器有:
Firefox
Safari 3+
Opera 9.5
以上所述是小編給大家介紹的JavaScript中setter和getter ,如果大家想了解更多內容,請關注PHP中文網。
更多JavaScript中setter和getter方法介紹相關文章請關注PHP中文網!