proxy与reflect之间的关系

原创

wx6375cd1abf2fb 2022-12-17 00:22:57 博主文章分类：ES6 ©著作权

文章标签 前端 javascript proxy与reflect es6 文章分类 运维

©著作权归作者所有：来自51CTO博客作者wx6375cd1abf2fb的原创作品，请联系作者获取转载授权，否则将追究法律责任

proxy常和reflect搭配使用，当然他俩都是可以单独拿出来用的，他俩诞生的初衷也不是为了彼此成全，而是两个都是有一定独立的设计目的的，一个是代理，一个是映射。当然proxy和reflect搭配使用，可以更简便的使用的proxy

不使用reflect时

// reflect对proxy和之间的关系
let obj = {
  name: "zkf",
  sex: "male"
}
let handler = {
  get(tanget, propKey,receiver) {
    return tanget[propKey]
  }
}
let proxy = new Proxy(obj,handler)
console.log(proxy.name) // zkf

let obj = {
  name: "zkf",
  sex: "male"
}
let handler = {
  set(tanget, propKey, value, receiver) {
     tanget[propKey] = value
  }
}
let proxy = new Proxy(obj,handler)
obj.name = 'zhangkaifan'
console.log(proxy.name) // zhangkaifan

使用reflect时

// reflect对proxy和之间的关系
let obj = {
  name: "zkf",
  sex: "male"
}
let handler = {
  get(tanget, propKey,receiver) {
    return Reflect.get(tanget,propKey)
  }
}
let proxy = new Proxy(obj,handler)

console.log(proxy.name)

let obj = {
  name: "zkf",
  sex: "male"
}
let handler = {
  set(tanget, propKey, value, receiver) {
    Reflect.set(tanget, propKey, value, receiver)
  }
}
let proxy = new Proxy(obj,handler)
obj.name = 'zhangkaifan'
console.log(proxy.name)

二者对比是不是超方便