ES5中對(duì)象的屬性可以分為‘?dāng)?shù)據(jù)屬性'和‘訪問(wèn)器屬性'兩種。

數(shù)據(jù)屬性一般用于存儲(chǔ)數(shù)據(jù)數(shù)值，訪問(wèn)器屬性對(duì)應(yīng)的是set/get操作，不能直接存儲(chǔ)數(shù)據(jù)值。

數(shù)據(jù)屬性特性：value、writable、enumerable、configurable。

解釋：configurable：true/false，是否可以通過(guò)delete刪除屬性，能否修改屬性的特性，能否把屬性修改為訪問(wèn)器屬性，默認(rèn)false；

enumerable：true/false，是否可以通過(guò)for in循環(huán)返回，默認(rèn)false；

writable：true/false，是否可以修改屬性的值，默認(rèn)false；

value：undefined，設(shè)置屬性的值，默認(rèn)undefined。

訪問(wèn)器屬性特性：set、get、enumerable、configurable。

解釋：configurable：true/false，是否可以通過(guò)delete刪除屬性，能否修改屬性的特性，能否把屬性修改為訪問(wèn)器屬性，默認(rèn)false；

enumerable：true/false，是否可以通過(guò)for in循環(huán)返回，默認(rèn)false；

set：function，讀取屬性值時(shí)調(diào)用的函數(shù)；

get：function，修改屬性值時(shí)調(diào)用的函數(shù)。

將屬性添加到對(duì)象或修改現(xiàn)有屬性的特性使用Object.defineProperty() 或 Object.defineproperties()方法;

Object.defineProperty(object, propertyname, descriptor):

參數(shù)解釋：object：需要添加或修改屬性的對(duì)象；

propertyname：屬性的名稱，字符串格式；

descriptor：屬性的描述，設(shè)置數(shù)據(jù)屬性或訪問(wèn)器屬性的特性。

實(shí)例分析：

數(shù)據(jù)屬性：

var emp = {

name:'tom'

};

 

Object.defineProperty(emp,'name',{

writable:false

});

emp.name = 'jery';
console.log(emp.name);//輸出tom，因?yàn)橐呀?jīng)設(shè)置了writable為false



Object.defineProperty(emp,'age',{

configurable:false,

writable:true,

value:22

});

console.log(emp.age);//輸出22，因?yàn)樵O(shè)置了value為22

emp.age = 25;

console.log(emp.age);//輸出25，設(shè)置了writable為true

delete emp.age;

console.log(emp.age);//輸出25，設(shè)置了configurable為false，此屬性刪除不了

訪問(wèn)器屬性：

var emp ={

_name:'tom',

_age:20

};



Object.defineProperty(emp,'name',{

get:function(){

return this._name;

}

});

console.log(emp.name);//輸出tom，由get方法返回_name的值

emp.name = 'jery';

console.log(emp.name);//輸出tom，沒(méi)有set方法，修改不了_name的值

 

Object.defineProperty(emp,'age',{

configurable:true,

get:function(){

 return this._age;

}

set:function(age){

this._age = age;

}

});

emp.age = 25;
console.log(emp.age)//輸出25，emp.age=25是使用set方法將25賦值給_age，emp.age是使用get方法將_age的讀取出來(lái)

delete emp.age;

console.log(emp.age);//輸出undefined，configurable為true，可以使用delete方法將emp.age屬性刪除

 備注：訪問(wèn)器屬性可以起到很好的保護(hù)作用，當(dāng)只有g(shù)et方法時(shí)，就實(shí)現(xiàn)只讀不能寫；反之，只有set時(shí)，便是只能寫入而不能讀取

以上就是小編為大家?guī)?lái)的淺談Javascript數(shù)據(jù)屬性與訪問(wèn)器屬性全部?jī)?nèi)容了，希望大家多多支持腳本之家~

最新評(píng)論