Object.defineProperty与Proxy的区别

① 可以定义一个对象的属性或修改对象已经存在的属性，并返回这个对象。
语法：

Object.defineProperty(obj, prop, description)

作用：拦截对象属性，监听对象上的多个属性
缺陷：无法检测到对象属性的添加或删除；监听对象上的多个对象，需要遍历该对象；无法监听数组元素的变化，需要进行数组方法的重写；无法检测数组长度的修改。

② Proxy
用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）
。
语法：

const p = new Proxy(target, handler);

target：需要代理的目标独享，包括原生数组、函数，甚至另一个代理。
handler：一个以函数作为属性的对象，各属性中的函数分别定义了在执行各种操作代理p的行为。

Proxy还能监听数组：

let numbers = [];
let p = new Proxy(numbers,{
  set(target, prop, val){
    // 拦截写入属性操作
    if(typeof val == 'number'){
      target[prop] = val;
      return true;    
    } else{
      return false;
    }
  }
});

数组长度的变化以及方法push都能监听到，Proxy虽然完成对目标对象的代理，但是即使handler为空对象，它代理对象中的this指向代理对象，而不是目标对象。

let target = {
   m () {
     // 检查this的指向是不是proxyObj
     console.log(this===proxyObj);
   }
}
let handler = {}
let proxyObj = new Proxy(target, handler)
proxyObj.m() // 输出 true
target.m() // 输出false