属性描述符

---

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：

1. 不能修改 configurable
2. 不能修改 enumerable
3. 不能将 writable: false 修改为 true （反过来可以）
4. 不能修改访问者属性 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 类型的属性在内的*所有*属性描述符