JavaScript筆記之?dāng)?shù)據(jù)屬性和存儲器屬性
在javascript中,對象的屬性分為數(shù)據(jù)屬性和存儲器屬性兩種:
兩種屬性的區(qū)別
我們使用Object.defineProperty()先來直觀的感受一下這兩者的不同。
使用Object.defineProperty()對數(shù)據(jù)屬性進行設(shè)置的方法如下
var obj = {}; Object.defineProperty(obj, "prop", { value: 1, writable: true, //可寫性 enumerable: true, //可枚舉性 configurable: true //設(shè)置該屬性是否能被刪除,以及enumerable屬性是否可以被修改 })
使用Object.defineProperty()對存儲器屬性的設(shè)置方法如下
var obj = {}; Object.defineProperty(obj, "prop", { get set enumerable: true, //可枚舉性 configurable: true //設(shè)置該屬性是否能被刪除,以及enumerable屬性是否可以被修改 })
從上面的例子中,我們觀察到存儲器屬性并沒有value和writable兩個屬性,取而代之的是set和get屬性。
存儲器屬性
看完了數(shù)據(jù)屬性和存儲器屬性直觀上的差異,我們詳細看一看存儲器屬性這個容易會被忽視(說的就是我TT)的屬性。
存儲器屬性與數(shù)據(jù)屬性最大的不同就是增加了getter/setter,通過它們可以對屬性的值進行操作,可以實現(xiàn)一些實用的功能。
//example1 function serialnum() { var n =1; var prop = null; Object.defineProperty(this, "n", { get: function() { return n; }, set: function(value) { if(value > n) n = value; else throw '請輸入一個大于n的值'; } }) } var obj = new serialnum(); obj.n = 2; //2 obj.n = 0; //Uncaught 請輸入一個大于n的值
上面的例子中,使用set函數(shù)對n的取值范圍進行控制。
關(guān)于js數(shù)據(jù)屬性存儲屬性小編就給大家介紹到這里,希望對大家有所幫助!
- 總結(jié)JavaScript三種數(shù)據(jù)存儲方式之間的區(qū)別
- JavaScript數(shù)據(jù)存儲 Cookie篇
- 關(guān)于AngularJs數(shù)據(jù)的本地存儲詳解
- JavaScript數(shù)據(jù)類型的存儲方法詳解
- 高性能Javascript筆記 數(shù)據(jù)的存儲與訪問性能優(yōu)化
- 實現(xiàn)JavaScript高性能的數(shù)據(jù)存儲
- js 數(shù)據(jù)存儲和DOM編程
- javascript 數(shù)據(jù)存儲的常用函數(shù)總結(jié)
- JavaScript使用localStorage存儲數(shù)據(jù)
相關(guān)文章
JS實現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場景實例分析
這篇文章主要介紹了JS實現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場景,結(jié)合實例形式分析了javascript實現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場景的相關(guān)操作技巧與使用注意事項,需要的朋友可以參考下2018-06-06關(guān)于實現(xiàn)代碼語法標亮 dp.SyntaxHighlighter
關(guān)于實現(xiàn)代碼語法標亮 dp.SyntaxHighlighter...2007-02-02javascript 用原型繼承來實現(xiàn)對象系統(tǒng)
對象系統(tǒng)中的繼承特性有三種方式:基于類,基于原型,基于元類2010-03-03