文章目录
js对象的属性可以用一些关键字修饰,表示当前属性是否可写、是否可枚举、是否有默认值等,这些关键字就是属性描述符
本质上属性描述符是一个对象,用来定义对象属性的行为方式
属性描述符
属性描述符共6个
value
:属性的值,默认值为 undefined。writable
:属性值是否可写,默认值为 true。enumerable
:属性是否可枚举,即是否允许使用 for/in 语句或 Object.keys() 函数遍历访问,默认为 true。configurable
:是否可设置属性特性,默认为 true。如果为 false,将无法删除该属性,不能够修改属性值,也不能修改属性的属性描述符。get
:取值函数,默认为 undefined。set
:存值函数,默认为 undefined。
用Object.getOwnPropertyDescriptor
方法查询属性的完整信息
let descriptor = Object.getOwnPropertyDescriptor(obj, propertyName);
/* */
let obj = {
a: 1;
}
let descriptor = Object.getOwnPropertyDescriptor(obj, 'a');
console.log(descriptor);
/*
value: 1,
configurable: true,
enumerable: true,
writable: true,
*/
用Object.defineProperty
方法修改描述符
如果该属性存在,defineProperty会更新其描述符,
否则会使用提供的值创建属性,若没有提供则默认为false
Object.defineProperty(obj, propertyName, descriptor)
/* descriptor描述符 */
let obj = {};
Object.defineProperty(obj, "a", {
value: 1
});
let descriptor = Object.getOwnPropertyDescriptor(obj, 'a');
console.log(descriptor);
/*
value: 1
configurable: false
enumerable: false
writable: false
*/
跟已有的属性相比这种方式创建的属性的描述符都为false,所以最好在descriptor中设置为true
writable
此描述符设置只读
let obj = {
a: 1
};
Object.defineProperty(obj, "a", {
writable: false
});
obj.a = 2; // Error: Cannot assign to read only property 'name'
console.log(obj.a); // 1
ps. 只有在严格模式下才有Error吗,非严格模式不会报错但也不会修改成功
enumerable
不可枚举
此描述符设置是否可被 for...in
和 Object.keys()
访问到
let obj = {
a: 1,
func(){
return this.a;
}
};
for(let i in obj){
console.log(i); // a, func
}
Object.defineProperty(obj, "func", {
enumerable: false
});
for(let i in obj){
console.log(i); // a
}
console.log(Object.keys(obj)) // a
这样函数func就像内置函数一样
configurable
该描述符值为false时,该属性为不可配置属性
设置为不可配置属性是不可逆的,它会让属性不可被删除且限制defineProperty:
- 不能修改
configurable
- 不能修改
enumerable
- 不能将
writable: false
修改为true
(反过来可以) - 不能修改访问者属性
get/set
(但没有时可以分配它们)
configurable: false
的用途是防止更改和删除属性标志,但是允许更改对象的值。
let obj = {
a: 1
};
Object.defineProperty(user, "a", {
configurable: false
});
// 此时writable为true
user.name = "Pete"; // 正常工作
delete user.name; // Error
Object.defineProperty(user, "a", {
configurable: false,
writable: false
});
// 现在obj.a 为不可更改的"常量"
例如Math.PI就是一个"常量"
let descriptor = Object.getOwnPropertyDescriptor(Math, "PI");
console.log(descriptor);
/*
value: 3.141592653589793
configurable: false
enumerable: false
writable: false
*/
一些方法
Object.defineProperties
和Object.defineProperty
相比,该属性可以一次定义多个属性
Object.defineProperties(obj, descriptors)
/* */
Object.defineProperties(obj, {
a: {value: 1, writable: true},
b: {value: 2, writable: false}
});
Object.getOwnPropertyDescriptors
该方法可以一次获取所有属性描述符
Object.getOwnPropertyDescriptors(obj)
/* */
Object.defineProperties(obj, {
a: {value: 1, writable: true},
b: {value: 2, writable: false}
});
console.log(Object.getOwnPropertyDescriptors(obj))
/*
{
"a": {
"value": 1,
"writable": true,
"enumerable": false,
"configurable": false
},
"b": {
"value": 2,
"writable": false,
"enumerable": false,
"configurable": false
}
}
*/
可以用上面两个方法实现对象的深拷贝
let clone = Object.defineProperties({}, Object.getOwnPropertyDescriptors(obj));
通常深拷贝用遍历的方法
for(let key in obj){
newObj[key] = obj[key];
}
但这种方法不能复制描述符,同时for...in会忽略symbol类型的属性,而 Object.getOwnPropertyDescriptors 返回包含 symbol 类型的属性在内的*所有*属性描述符