proxy的作用

get()

get方法用于拦截某个属性的读取操作,可以接受三个参数,依次为目标对象、属性名和 proxy 实例本身(严格地说,是操作行为所针对的对象),其中最后一个参数可选。

get方法的用法,上文已经有一个例子,下面是另一个拦截读取操作的例子。

var person = {
  name: "张三"
};

var proxy = new Proxy(person, {
  get: function(target, property) {  //这里target就是代理的对象person,property就是代理的对象里的key属性
    if (property in target) {
      return target[property];
    } else {
      throw new ReferenceError("Property \"" + property + "\" does not exist.");
    }
  }
});

proxy.name // "张三"
proxy.age // 抛出一个错误

let target = { age: 18, name: 'Niko Bellic' }

let handlers = {

  get (target, property) {

    return `${property}: ${target[property]}`

  },

  set (target, property, value) {

    target[property] = value

  }

}

let proxy = new Proxy(target, handlers)

proxy.abc=3

// target {age: 18, name: "Niko Bellic", abc: 3}

 注意:当你设置时走的set里面(例:proxy.abc=3),但是当你取值时走的是get里(例:proxy.abc),所以你想怎样设置,和你想取值时取什么样的结果要看get和set方法里怎样写
posted @ 2018-09-01 21:29  小小公举  阅读(451)  评论(0编辑  收藏  举报