Js有两种属性类型:‘数据属性’和‘访问器属性’。
数据属性一般用于直接存储数据数值;访问器属性不能直接定义,必须使用Object.defineProperty()。
修改属性的特性必须使用Object.defineProperty()。
数据属性
数据属性包含一个数据值的位置,在这个位置可以读取和写入值。
数据属性有4 个描述其行为的特性:
- [[Configurable]]:表示能否通过delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。
直接在对象上定义的属性,这个特性的默认值为true;
Object.defineProperty定义的属性,默认值为false。 - [[Enumerable]]:表示能否通过for-in 循环返回属性。
直接在对象上定义的属性,这个特性的默认值为true;
Object.defineProperty定义的属性,默认值为false - [[Writable]]:表示能否修改属性的值。
直接在对象上定义的属性,这个特性的默认值为true;
Object.defineProperty定义的属性,默认值为false [[Value]]:属性的数据值;默认值为undefined。
示例:
var Person = {
name : "Lucy"
}
//相当于
Object.defineProperty(Person, "name", {
Configurable: true,
Enumerable: true,
Writable: true,
value: "Lucy"
})
访问器属性
访问器属性不包含数据值;它们包含一对儿getter 和setter 函数(不过,这两个函数都不是必需的)。
在读取访问器属性时,会调用getter 函数,这个函数负责返回有效的值;在写入访问器属性时,会调用setter 函数并传入新值,这个函数负责决定如何处理数据。
访问器属性有如下4 个特性:
- [[Configurable]]:表示能否通过delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为数据属性。
直接在对象上定义的属性,这个特性的默认值为true;
Object.defineProperty定义的属性,默认值为false
- [[Enumerable]]:表示能否通过for-in 循环返回属性。
直接在对象上定义的属性,这个特性的默认值为true;
Object.defineProperty定义的属性,默认值为false
- [[Get]]:在读取属性时调用的函数;默认值为undefined。
- [[Set]]:在写入属性时调用的函数;默认值为undefined。
示例:
//定义单个属性特性
var Person = {
name : "Lucy",
_age: 20
}
Object.defineProperty(Person, "age", {
get: function(){
return this._age
},
set: function(newVal){
this._age = newVal;
}
})
console.log(Person.age); //20
Person.age = 30;
console.log(Person.age); //30
//同时定义多个属性特性
var Person = {};
Object.defineProperties(Person, {
name: {
value: "Lucy"
},
_age: {
value: 20
},
age: {
get: function(){
return this._age;
},
set: function(newVal){
this._age = newVal;
}
}
})
Person.age = 30;
console.log(Person.age);//20,原因:通过Object.defineProperty定义的属性,configurable默认为false
console.log(Object.getOwnPropertyDescriptor(Person,"_age").configurable) //false