Object.defineProperty()

Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。
重要的是，此方法可以定义属性的描述符，通过描述符控制对象上的属性是否只读等等。

语法： Object.defineProperty(obj, prop, descriptor)

三个参数

• obj 要定义属性的对象。
• prop 要定义或修改的属性的名称
• desciptor 要定义或修改的属性描述符

直接看一个例子

let obj = Object.defineProperty({}, 'name', {
    value: 'zs'
})
console.log(obj);
obj.age = 18
obj.name = 'ls'
console.log(obj);

可以看到这个对象添加了 age ，但是 name 并没有改变，这就是 描述符 起了作用
描述符：

属性	描述	默认值
value	该属性对应的值。可以是任何有效的 JavaScript 值（数值，对象，函数等）	undefined
get	当访问该属性时，会调用此函数,（该函数的返回值会被用作属性的值）	undefined
set	当属性值被修改时，会调用此函数。该方法接受一个参数（也就是被赋予的新值）	undefined
configurable	当且仅当该属性的 configurable 键值为 true 时，该属性的描述符才能够被改变，同时该属性也能从对应的对象上被删除	false
enumerable	当且仅当该属性的 enumerable 键值为 true 时，该属性才会出现在对象的枚举属性中	false
writable	当且仅当该属性的 writable 键值为 true 时，属性的值，才能被赋值运算符改变	false

现在回头看我们的例子也就，能理解为什么他不能被修改了，因为他的修饰符 布尔值都为false

注：如果一个描述符同时拥有 （value 或 writable） 和 （get 或 set） 键，则会产生一个异常

let sex = ''
let obj = {age:19}
Object.defineProperty(obj, 'name', {
    value: 'zs',
    writable: true
})
Object.defineProperty(obj, 'sex', {
    get(){ return sex },
    set(val){ sex = val }
})
obj.sex = 'man'
obj.name = 'ls'
delete obj.name
console.log(obj);
console.log(Object.keys(obj));
console.log(obj.sex);
console.log(obj.age);
console.log(obj.name);

解释一下为什么 使用 get 的时候 是返回一个 变量 sex 而不是直接通过 obj.sex 返回值，因为我们使用obj.sex 的时候又会触发 obj 的 get 方法形成死循环