Object.defineProperties和Object.defineProperty的基本用法

1. Object.defineProperties(obj, props)
   作用：在对象上定义多个新的属性或者修改多个原有属性
   返回值： 修改后的目标对象obj
   参数含义：
   obj: 在其上定义或修改属性的目标对象
   props: 属性对象，其属性值为属性描述符，包括数据属性描述符和访问器属性描述符。关于数据属性描述符和访问器属性描述符，详见我的另外一篇文章：js中对象属性的类型和属性的特性

• 定义新的属性
  （1）定义新的数据属性

    var obj = {_name: 'zyp'}
    Object.defineProperties(obj, {
   		age: {
   			value: 18
   		}
   	})
   	console.log(obj) // 结果为{name: "zyp", age: 18}
   	console.log(Object.keys(obj)) //结果为["_name"]

由以上结果可知，用defineProperties定义的数据属性默认是不可枚举的，即enumerable: false。实际上根据MDN中对defineProperties的描述，用defineProperties定义的属性对应的enumerbale/configurable/writable等特性（描述符）均默认为false。
（2）定义新的访问器属性

Object.defineProperties(obj, {
   name: {
   		get: function() {
   			return this._name
   		},
   		set: function() {
   			this._name = 'zyp1'
   		}
   }
})
console.log(obj.name) //结果为'zyp'
obj.name = 'zyp2'
console.log(obj.name) //结果为‘zyp1’,因为在[[set]]描述符中对name的设置进行了拦截，将其固定设为‘zyp1’

得到的obj结果为下图：

这里要注意的是：用defineProperties定义的访问器属性对应的setter/getter等特性（描述符）均默认为undefined。

• 修改原有属性
  这里要注意的是，只能修改对象的原有属性，不能修改用defineProperties定义的属性，否则会属性重定义的错误。

Object.defineProperties(obj, {
   _name: {
   	value: 'zyp3'
   }
})
console.log(obj) // 结果为{_name: "zyp3", age: 18}
Object.defineProperties(obj, {
   age: {
   	value: '20'
   }
})    //报错： VM1085:1 Uncaught TypeError: Cannot redefine property: age at Function.defineProperties (<anonymous>)at <anonymous>:1:8
Object.keys(obj)  //得到的结果为["_name"]，即修改后不改变原属性的其他特性（enumerable等）

2. Object.defineProperty(obj, props, descriptor)
   作用： 在对象上定义一个新属性或者修改原有属性
   返回值： 修改后的目标对象obj
   参数定义：
   obj: 在其上定义或修改属性的目标对象
   props: 属性名称
   descriptor: 属性描述符

下面仅以数据属性为例：

• 定义新的属性

Object.defineProperty(obj, 'like', {
	value: 'reading'
})  
console.log(obj)  //结果为 {_name: "zyp3", age: 18, like: "reading"}
Object.keys(obj) //结果为["_name"]

这里要注意的是，通过defineProperty定义的新属性名称必须是字符串。同时，用defineProperty定义的属性默认的enumerable/writable/configurable等特性值也均为false

• 修改原有属性
  同样，这里也仅可以修改原有的普通属性，不能修改用defineProperties或defineProperty定义的属性。

Object.defineProperty(obj, '_name', {
   value: 'zyp4'
})
console.log(obj) // 结果为： {_name: "zyp4", age: 18, like: "reading"}

以上就是Object.defineProperties和Object.defineProperty的基本使用方法。