JS Proxy（代理）浅析

使用proxy在访问对象前添加一层拦截

const info = {
  age: 18,
  sex: 'man'
}

const proxy = new Proxy(info, {
  get (target, key) {
    console.log(target, key) // {"age":18,"sex":"man"} "age"
    return `${target[key]}岁`
  }
})
console.log(proxy.age) // 18岁

使用 proxy 在获取对象属性或修改对象属性时会触发相对应的get和set方法 在对应的方法里面可以去做一些个性化的设置 比如获取 age 时可以在get()方法里面判断获取age字段 返回 age + '岁' 等