Object.defineProperty()方法有何用

作用：会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象

<script>
// Object.defineProperty阔以用于给对象添加更新属性
let obj = {}
// 该方法中包含以下参数：需要添加属性的对象，你需要加的属性，配置项
Object.defineProperty(obj, 'name', {
// getter函数
get() {
// get函数中，一定要return当前这个新添加进去的属性作为返回值
console.log('你当前获取到的值是', name) // 相当于获取：obj.name
return name
},
// setter函数, 这个函数中包含一个参数，这个参数表示当前设置的这个属性的新的值, 相当于:obj.name = 'itcast'
set(newName) {
name = newName
console.log('这里你给name传递了新的值', newName);
}
})
</script>

参数

Object.defineProperty( obj, prop, desc );

obj 要在其上定义属性的对象。

prop 要定义或修改的属性的名称。

descriptor 将被定义或修改的属性描述符。

返回值

返回被操作的对象，即返回 obj 参数

注意点

configurable : 当且仅当该属性的 configurable 为 true 时，该属性描述符才能够被改变，同时该属性也能从对应的对象上被删除。默认为 false。

enumerable : 当且仅当该属性的enumerable为true时，该属性才能够出现在对象的枚举属性中。默认为 false。

value : 该属性对应的值。可以是任何有效的 JavaScript 值（数值，对象，函数等）。默认为 undefined。

writable : 当且仅当该属性的writable为true时，value才能被赋值运算符改变。默认为 false

用途

vue 通过 getter-setter 函数来实现双向绑定

俗称属性挂载器

专门监听对象数组变化的 Object.observe()(es7)也用到了该方法

存取修饰符具有以下两个可选键值

get : 一个给属性提供 getter 的方法，如果没有 getter 则为 undefined。当访问该属性时，该方法会被执行，方法执行时没有参数传入，但是会传入this对象（由于继承关系，这里的this并不一定是定义该属性的对象）。
默认为 undefined。

set : 一个给属性提供 setter 的方法，如果没有 setter 则为 undefined。当属性值修改时，触发执行该方法。该方法将接受唯一参数，即该属性新的参数值。
默认为 undefined。