object.defineproperty数据劫持

object.defineproperty()

1.定义：该方法是在对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。监听对象下的某一个属性，做数据劫持处理。

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

（1） 参一：要定义属性的对象。
（2） 参二：要定义或修改的属性的名称或 Symbol （被监听的属性）。
（3） 参三：要定义或修改的属性描述符（存取描述符：options{getter,setter}）。
（4） 返回值：被传递给函数的对象。

注意：应在Object构造器对象上调用这个方法，而不是在任意一个Object类型的实例上调用。
以下面代码为例：

 var obj = {
        num:9,
    };
    // _num 作为num的代理
    let _num = obj.num;
    Object.defineProperty(obj,'num',{
         // 数据劫持：获取数据但还没有取到的时候，做拦截处理，拦截处理完毕返回
        get(){
            // 拦截
            console.log('触发get');
            // return 释放，最终获取数据
            return _num;//没有return就不释放，获取不到值
        },
        set(val){
            console.log('触发set');
            console.log(val)
            _num = val;
            // 没有修改：拦截num 属性没有重新赋值
        }
    });

3.描述符可拥有的键值

configurable

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

enumerable

当且仅当该属性的 enumerable 键值为 true 时，该属性才会出现在对象的枚举属性中。
默认为 false。
数据描述符还具有以下可选键值：

value

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

writable

当且仅当该属性的 writable 键值为 true 时，属性的值，也就是上面的 value，才能被赋值运算符改变。
默认为 false

存取描述符存在get和set的可选键值。

get

属性的getter函数，没有getter就是undefined，访问该属性时会调用此函数。执行时不需要传入任何参数，但是会传入this对象。该函数返回值会被用作属性的值。
默认：undefined

set

属性的setter函数，如果没有setter就是undefined，当属性值被修改时会调用此函数，该方法接收一个参数（被赋予的值），会传入赋值时的this对象。
默认：undefined

描述符默认值汇总：

(1) 拥有布尔值的键 configurable、enumerable 和 writable 的默认值都是 false。
(2) 属性值和函数的键 value、get 和 set 字段的默认值为 undefined。

注意：

（1）如果一个描述符不具有 value、writable、get 和 set 中的任意一个键，那么它将被认为是一个数据描述符。如果一个描述符同时拥有 value 或 writable 和 get 或 set 键，则会产生一个异常。
（2）这些选项不一定是自身属性，也要考虑继承来的属性。为了确认保留这些默认值，在设置之前，可能要冻结 Object.prototype，明确指定所有的选项，或者通过 Object.create(null) 将 proto 属性指向 null。