JavaScript筆記之?dāng)?shù)據(jù)屬性和存儲(chǔ)器屬性

更新時(shí)間：2016年03月31日 10:48:50 作者：rosie15

本文給大家介紹js數(shù)據(jù)屬性和存儲(chǔ)器屬性，及兩種屬性的區(qū)別，對(duì)js數(shù)據(jù)屬性存儲(chǔ)器屬性相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)

在javascript中，對(duì)象的屬性分為數(shù)據(jù)屬性和存儲(chǔ)器屬性?xún)煞N：

兩種屬性的區(qū)別

我們使用Object.defineProperty()先來(lái)直觀的感受一下這兩者的不同。

使用Object.defineProperty()對(duì)數(shù)據(jù)屬性進(jìn)行設(shè)置的方法如下

var obj = {};
Object.defineProperty(obj, "prop", {
value: 1,
writable: true, //可寫(xiě)性
enumerable: true, //可枚舉性
configurable: true //設(shè)置該屬性是否能被刪除，以及enumerable屬性是否可以被修改
})

使用Object.defineProperty()對(duì)存儲(chǔ)器屬性的設(shè)置方法如下

var obj = {};
Object.defineProperty(obj, "prop", {
get
set
enumerable: true, //可枚舉性
configurable: true //設(shè)置該屬性是否能被刪除，以及enumerable屬性是否可以被修改
})

從上面的例子中，我們觀察到存儲(chǔ)器屬性并沒(méi)有value和writable兩個(gè)屬性，取而代之的是set和get屬性。

存儲(chǔ)器屬性

看完了數(shù)據(jù)屬性和存儲(chǔ)器屬性直觀上的差異，我們?cè)敿?xì)看一看存儲(chǔ)器屬性這個(gè)容易會(huì)被忽視（說(shuō)的就是我TT）的屬性。

存儲(chǔ)器屬性與數(shù)據(jù)屬性最大的不同就是增加了getter/setter，通過(guò)它們可以對(duì)屬性的值進(jìn)行操作，可以實(shí)現(xiàn)一些實(shí)用的功能。

//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 '請(qǐng)輸入一個(gè)大于n的值';
}
})
}
var obj = new serialnum();
obj.n = 2;
//2
obj.n = 0;
//Uncaught 請(qǐng)輸入一個(gè)大于n的值

上面的例子中，使用set函數(shù)對(duì)n的取值范圍進(jìn)行控制。

關(guān)于js數(shù)據(jù)屬性存儲(chǔ)屬性小編就給大家介紹到這里，希望對(duì)大家有所幫助！

您可能感興趣的文章:

相關(guān)文章

javascript實(shí)現(xiàn)類(lèi)似百度分享功能的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)類(lèi)似百度分享功能的方法,以實(shí)例形式較為完整的分析了基于javascript實(shí)現(xiàn)百度分享功能所涉及的樣式與分享功能實(shí)現(xiàn)方法,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
點(diǎn)擊提交按鈕后按鈕變灰色不可用狀態(tài)的三種方法
當(dāng)點(diǎn)擊提交后，提交按鈕變灰色不可用，這樣可有效防止重復(fù)提交，本代碼就是實(shí)現(xiàn)這樣一個(gè)功能
2013-09-09
一文搞懂ES6中的Map和Set
這篇文章主要介紹了ES6中的Map和Set，本文給大家提到了map和object的區(qū)別 ,需要的朋友可以參考下
2019-05-05
js實(shí)現(xiàn)做通訊錄的索引滑動(dòng)顯示效果和滑動(dòng)顯示錨點(diǎn)效果
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)做通訊錄的索引滑動(dòng)顯示效果和滑動(dòng)顯示錨點(diǎn)效果。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-02-02
js實(shí)現(xiàn)帶農(nóng)歷和八字等信息的日歷特效
本文主要介紹了js實(shí)現(xiàn)帶農(nóng)歷和八字等信息的日歷特效,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
2016-05-05
touch.js 拖動(dòng)、縮放、旋轉(zhuǎn) （鼠標(biāo)手勢(shì)）功能代碼
這篇文章主要介紹了touch.js 拖動(dòng)、縮放、旋轉(zhuǎn) （鼠標(biāo)手勢(shì))功能,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-02-02
JS面試題---關(guān)于算法臺(tái)階的問(wèn)題
下面小編就為大家?guī)?lái)一篇JS面試題---關(guān)于算法臺(tái)階的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
淺談Emergence.js 檢測(cè)元素可見(jiàn)性的 js 插件
這篇文章主要介紹了淺談Emergence.js 檢測(cè)元素可見(jiàn)性的 js 插件，詳細(xì)的介紹了Emergence.js安裝和使用方法，具有一定的參加性，有興趣的可以了解一下
2017-11-11
javascript 框架小結(jié) 個(gè)人工作經(jīng)驗(yàn)
javascript 框架小結(jié) 個(gè)人工作經(jīng)驗(yàn),對(duì)于新手來(lái)說(shuō)還是值得學(xué)習(xí)的。
2009-06-06
JavaScript檢查彈出窗口是否被阻攔的方法技巧
這篇文章主要介紹了JavaScript檢查彈出窗口是否被阻攔的方法技巧,本文用于檢測(cè)window.open彈出的窗口是否被阻攔,需要的朋友可以參考下
2015-03-03