Object.defineProperties()的理解

1.MDN文档地址

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperties

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

2.定义

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

3.属性描述符

  3.1 writable默认是false,不能改变属性的值

Object.defineProperty(Person, 'name', {
   value:'a',
   writable:false  
})
Person.name = 'b'
console.log(Person.name); //a

3.2 

get：一个给属性提供getter的方法，如果没有getter则为undefined。该方法返回值被用作属性值。默认为undefined。
set：一个给属性提供setter的方法，如果没有setter则为undefined。该方法将接受唯一参数，并将该参数的新值分配给该属性。默认值为undefined。

let Person = {}
let temp = null
Object.defineProperty(Person, 'name', {
  get: function () {
    return 2
  },
  set: function (val) {
    temp = val
  }
})
console.log(Person.name);//2

3.3

configrable 描述属性是否配置，以及可否删除。为false时不能删除当前属性，且不能重新配置当前属性的描述符

enumerable 描述属性是否会出现在js的遍历中

let Person = {}
Object.defineProperty(Person, 'name', {
    value:'a',
    configurable: true,
    //enumerable:true,
 })
//  delete Person.name
 
 console.log(Person);//{name: "a"}
 console.log(Object.keys(Person));//[]

 因为enumerable默认是false，如果不配置enumerable也是默认无法访问的

4.总结

 1.在调用Object.defineProperty()方法创建一个新的属性时，如果不指定，configurable, writable, enumerable 特性的默认值为false。

2.当writable为false(并且configrubale为true)，[[value]]可以通过defineProperty修改，但不能直接赋值修改

3.可以结合writable: false 和 configurable: false 创建一个真正的常量属性

4.Object.freeze()会创建一个冻结对象，这个在vue里面可以使对象失去响应式，提升运行速度