JS数据属性和访问器属性

对象里目前存在的属性描述符有两种主要形式：数据描述符和存取描述符。

一个描述符只能是这两者其中之一；不能同时是两者

数据描述符是一个具有值的属性，该值可以是可写的，也可以是不可写的。
存取描述符是由 getter 函数和 setter 函数所描述的属性。访问器属性中要使用对象自己的属性时，也必须使用 this. 来访问

Object.defineProperty() 和 Object.defineProperties() 用来定义或修改属性的描述符的值

Object.getOwnPropertyDescriptor() 和 Object.getOwnPropertyDescriptors() 用来获取属性的描述符的值。

数据属性（数据描述符）

实际存储属性值的属性，存在四个特性：

value
表示属性的值，默认为undefined
writable
表示值是否可修改，默认为false，表示不能重新赋值，只有该值为true，value值才能改
enumerable
表示对象的属性是否可以在 for...in 循环和 Object.keys() 中被枚举，默认为false
configurable
表示对象的属性是否可以被删除以及是否可修改属性的其他描述符，如果为false，则后续不能再修改（即该特性不可逆），默认为false

访问器属性（存取描述符）

由 getter 函数和 setter 函数所描述的属性。同样存在四个特性：enumerable、configurable、get、set

get
如果没有 getter，则为 undefined。当访问该属性时，会调用此函数，返回值会被用作属性的值。默认为 undefined
set
如果没有 setter，则为 undefined。当属性值被修改时，会调用此函数。该方法接受一个参数（也就是被赋予的新值），会传入赋值时的 this 对象。默认为 undefined。

试图用访问器属性读取受保护的值时，自动调用get方法

试图用访问器属性修改受保护的值时，自动调用set方法，参数val可自动获得要赋的新值

如果省略set方法，则该访问器属性相当于只读

描述符默认值

拥有布尔值的键 configurable、enumerable 和 writable 的默认值都是 false。
属性值和函数的键 value、get 和 set 字段的默认值为 undefined。

如果通过字面量定义的对象属性，则数据描述符的默认值为 true

通过Object.defineProperty()定义的对象属性，其描述符默认值为 false

var obj = { a: 1 }; 

Object.defineProperty(obj, "b", {});   

console.log(Object.getOwnPropertyDescriptors(obj));
/*
{
  a: {
    value: 1,
    writable: true,
    enumerable: true,
    configurable: true
  },
  b: {
    value: undefined,
    writable: false,
    enumerable: false,
    configurable: false
  }
}
*/

value 、writable 两个属性描述符与 get、set 两个属性的描述符不能同时出现，因为一个属性的描述符只能是数据描述符或者存取描述符

如果描述符中不存在 value 、writable、 get、set中任意一个，则会被认为是数据描述符

获取对象属性的描述符

获取对象中某一个属性的描述符
Object.getOwnPropertyDescriptor(obj,prop)
获取对象中所有属性的描述符
Object.getOwnPropertyDescriptors(obj)

修改对象属性的描述符

修改对象中某一个属性的描述符
Object.defineProperty(obj,prop,descriptor)
obj 要定义属性的对象
prop 要定义或修改的属性的名称或 Symbol
descriptor 要定义或修改的属性描述符。

修改对象中多个属性的描述符
Object.defineProperties(obj，props)
obj 定义或修改属性的对象
props 要定义其可枚举属性或修改的属性描述符的对象

var obj = {};
Object.defineProperties(obj, {
  'propA': {
    value: 10,
    writable: true
  },
  'propB': {
    value: 20,
    writable: false
  }
});

var obj = {}; // 创建一个新对象

// 在对象中添加一个属性与数据描述符
Object.defineProperty(obj, "a", {
  value: 10,
  writable: true,
  enumerable: true,
  configurable: true
});
console.log(obj.a) // 10
// obj = {a:10}

var obj = {a:1}; // 创建一个新对象
// 在对象中添加一个存取描述符属性
var bValue = 20;
Object.defineProperty(obj, "b", {
  get() {
    return bValue;
  },
  set(newValue) {
    bValue = newValue;
  },
  enumerable: true,
  configurable: true
});

console.log(obj.b); // 20   获取obj.b的值，自动调用get方法
// obj = {a:1, b:20}
obj.b = 100;  //修改obj.b的值，自动调用set方法，如果删除set方法，则b是只读属性，该赋值操作无效
console.log(obj.b) // 100
// obj = {a:1, b:100}

// 数据描述符和存取描述符不能混合使用
Object.defineProperty(obj, "c", {
  value: 30,
  get() {
    return 100;
  }
});
// 抛出错误 TypeError: Invalid property descriptor. Cannot both specify accessors and a value or writable attribute