ECMAScript5中的對象存取器屬性:getter和setter介紹
顯然這是一個無關(guān)IE(高級IE除外)的話題,盡管如此,有興趣的同學(xué)還是一起來認識一下ECMAScript5標準中g(shù)etter和setter的實現(xiàn)。在一個對象中,操作其中的屬性或方法,通常運用最多的就是讀(引用)和寫了,譬如說o.get,這就是一個讀的操作,而o.set = 1則是一個寫的操作。事實上在除ie外最新主流瀏覽器的實現(xiàn)中,任何一個對象的鍵值都可以被getter和setter方法所取代,這被稱之為“存取器屬性”。
毫無疑問,getter負責(zé)查詢值,它不帶任何參數(shù),setter則負責(zé)設(shè)置鍵值,值是以參數(shù)的形式傳遞,在他的函數(shù)體中,一切的return都是無效的。和普通屬性不同的是,存儲器屬性在只聲明了get或set時,對于讀和寫是兩者不可兼得的,當它只擁有了getter方法,那么它僅僅只讀,同樣的,當它只有setter方法,那么您讀到的永遠都是undefined。如何聲明對象存儲器屬性呢? 最快捷的途徑就是利用對象字面量的語法來寫了,請看下述一段代碼:
var oo = {
name : '賢心',
get sex(){
return 'man';
}
};
//顯然這是不允許的,因為賢心并不希望外界去改變他是男性的事實,所以對于sex只設(shè)置了只讀功能
oo.sex = 'woman';
console.log(oo.sex); //結(jié)果依然是man
有意思的是,這顛覆了我們以往的理解,就是在方法定義時并未用function關(guān)鍵字。事實上這里的get或set,你可以理解為兩種不同狀態(tài)下的function:包容的一面(寫),安全的一面(讀),當一種整體被肢解為不同的形態(tài),意味著我們可能不再需要在表現(xiàn)形式上遵循傳統(tǒng),所以我們并沒有使用冒號將鍵和值分開。那么,繼續(xù)上面的例子。你將如何在存儲器屬性的基礎(chǔ)上變得讀寫兼?zhèn)淠?,也許下面的一段會給你帶來答案:
var oo = {
name : '賢心',
get sex(){
if(this.sexx){
return this.sexx;
}else{
return 'man';
}
}, set sex(val){
this.sexx = val;
}
};
//噢,他如此包容,乃至于人們改變他的性別,他也接受
oo.sex = 'woman';
console.log(oo.sex); //結(jié)果woman
或許你會覺得這是多此一舉的,因為我們完全可以忽視get和set,直接讓sex方法具備兩種權(quán)限。 但之所以我們將get和set單獨拿出來,是為了更加清晰地理解ECMAScript5對javascript對象鍵值操作中,一個更為嚴謹?shù)脑忈尅?當然,在IE污染的中國,新型的主流技術(shù)總是顯得格格不入,在實際的項目開發(fā)中,也許你永遠不會用到get和set,但誰又能保證以后不會呢……
相關(guān)文章
js獲取URL的參數(shù)的方法(getQueryString)示例
getQueryString方法默認返回的是 string如果是int類型,則JS使用的時候,要進行轉(zhuǎn)換一下,下面有個不錯的示例,大家可以參考下2013-09-09
JavaScript中的垃圾回收與內(nèi)存泄漏示例詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中垃圾回收與內(nèi)存泄漏的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
詳解嵌套命名空間在TypeScript中如何應(yīng)用
命名空間是TypeScript中非常有用的概念,可以幫助我們組織和管理代碼,避免命名沖突,下面小編就來和大家聊聊嵌套命名空間在TypeScript中是如何應(yīng)用的吧2023-06-06
js實現(xiàn)簡易的單數(shù)字隨機抽獎(0-9)
這篇文章主要介紹了js實現(xiàn)簡易的單數(shù)字0-9隨機抽獎,可以控制抽取隨機數(shù)開始與停止,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2015-08-08

