js中的Object.defineProperties

​​Object.defineProperties()​​ 方法直接在一个对象上定义新的属性或修改现有属性，并返回该对象。

语法

​​Object.defineProperties(obj, props)​​ 

obj

在其上定义或修改属性的对象。 

 props

要定义其可枚举属性或修改的属性描述符的对象。对象中存在的属性描述符主要有两种：数据描述符和访问器描述符（更多详情，请参阅​​Object.defineProperty()​​）。描述符具有以下键：

​​configurable​​

​​true​​​ 只有该属性描述符的类型可以被改变并且该属性可以从对应对象中删除。
默认为 ​​false​​

​​enumerable​​

​​true​​​ 只有在枚举相应对象上的属性时该属性显现。
默认为 ​​false​​

​​value​​

与属性关联的值。可以是任何有效的JavaScript值（数字，对象，函数等）。
默认为 ​​undefined​​.

​​writable​​

​​true​​​只有与该属性相关联的值被​​assignment operator (en-US)​​​改变时。
默认为 ​​false​​

​​get​​

作为该属性的 getter 函数，如果没有 getter 则为​​undefined​​​。函数返回值将被用作属性的值。
默认为 ​​undefined​​

​​set​​

作为属性的 setter 函数，如果没有 setter 则为​​undefined​​​。函数将仅接受参数赋值给该属性的新值。
默认为 ​​undefined​​

主要用到的是 get 和 set方法

例子： 通过defineProperties添加属性 权限更高

let obj = {}

Object.defineProperties(obj, {
  data: {
    get() {
      return {
        name: '王王王',
        age: 18
      }
    },
    set() {
      console.log('触发了set')
    }
  }
})

for(let key in obj) {
  console.log(key + '->' + obj[key])   //  没有打印
}
console.log(obj.data)  //  { name: '王王王', age: 18 }
console.log(obj.data.name)  //  王王王
console.log(obj.data.age) //  18

obj.data = 1   //触发了set

/**
 *   上面相当于  obj = {
 *                 data: {
 *                   name: "王王王",
 *                   age: 18
 *                 }
 *              }
 */