ES6 Proxy 代理对象 | Reflect 反射 用于操作对象的接口

类似于 es5 中的 Object.defineProperty，但功能更强大。

Proxy 与 Reflect

Proxy 可以对读取对象和函数执行进行拦截 进行代理操作
Reflect 将 Object 的一些明显属于语言的方法移植到了 Reflect 对象上，如 proxy 的 get 和 set
两者接口方法一致

Proxy 可以实现响应式的数据追踪
Reflect 可以解决 proxy 的 this 绑定问题

Proxy 包含 target 、 handler

new Proxy(target, handler)

target 即目标对象， handler对象 定义代理 target 的行为

let exam = {
    name: "Tom",
    age: 24
}
let handler = {
    get: function(target, key, receiver){
        console.log("getting "+key);
        return Reflect.get(target,key);
    },
    set: function(target, key, value){
        console.log("setting "+key+" to "+value)
        Reflect.set(target, key, value);
    }
}
let proxy = new Proxy(exam, handler)

包含13种拦截方法，分别拦截对应行为

• get 读取值
  get ==> (target, key, recevier) // recevier 上下文指向
• set 写入值
  set ==> (target, key, value, recevier)
• apply 函数调用
• has in操作符
• construct new操作
• deleteProperty 删除操作

target 和 recevier 是一样的，主要保证上下文一致，避免代理出错

proxy 中方法 返回时应调用 reflect

为什么 Proxy 要配合 Reflect 使用

代理对象可能被劫持