1. 概述
Proxy用于修改某些操作的默认行为,等同于在语言层面做出修改,可以理解成在目标对象前架设一个“拦截”层,外界对该对象的访问都必须先通过这层拦截,因此提供了一种机制可以对外界的访问进行过滤和改写。
ES6原生提供Proxy构造函数,用于生成Proxy实例。
var proxy = new Proxy(target, handler);
Proxy对象的这种用法都是上面这种形式,不同的只是handler参数的写法。其中,new Proxy()表示生成一个Proxy实例,target参数表示所要拦截的目标对象,handler参数也是一个对象,用来定制拦截行为。
注意:要使Proxy起作用,必须针对Proxy实例进行操作,而不是针对目标对象进行操作。
如果handler没有设置任何拦截,那就等同于直接通向原对象。
var target = {}
var handler = {}
var proxy = new Proxy(target, handler)
proxy.a = 'b'
target.a //'b'
上面的代码中,handler是一个空对象,没有任何拦截效果,访问handler就等同于访问target。
2. Proxy实例的方法
2.1 get()
get方法用于拦截某个属性的读取操作。