Proxy
对象用于定义基本操作的自定义行为,例如属性查找、赋值、枚举、函数调用等。
target
: 要使用Proxy
包装的目标对象,可以是任何类型的对象,包括原生数组,函数,甚至另一个代理。handler
: 一个通常以函数作为属性的对象,各属性中的函数分别定义了在执行各种操作时代理proxy
的行为。Proxy
用于修改某些操作的默认行为,也可以理解为在目标对象之前架设一层拦截,外部所有的访问都必须先通过这层拦截,因此提供了一种机制,可以对外部的访问进行过滤和修改。这个词的原理为代理,在这里可以表示由它来代理某些操作,译为代理器。
Object.defineProperty
是用于监听属性,而Proxy
是监听整个对象,通过调用new Proxy()
,可以创建一个代理用来替代另一个对象被称为目标,这个代理对目标对象进行了虚拟,因此该代理与该目标对象表面上可以被当作同一个对象来对待。代理允许拦截在目标对象上的底层操作,而这原本是Js
引擎的内部能力,拦截行为使用了一个能够响应特定操作的函数,即通过Proxy
去对一个对象进行代理之后,我们将得到一个和被代理对象几乎完全一样的对象,并且可以从底层实现对这个对象进行完全的监控。
Proxy.revocable(target, handler)
Proxy.revocable()
方法可以用来创建一个可撤销的代理对象,其返回一个包含了代理对象本身和它的撤销方法的可撤销Proxy
对象。
target
: 将用Proxy
封装的目标对象,可以是任何类型的对象,包括原生数组,函数,甚至可以是另外一个代理对象。handler
: 一个对象,其属性是一批可选的函数,这些函数定义了对应的操作被执行时代理的行为。该方法的返回值是一个对象,其结构为{"proxy": proxy, "revoke": revoke}
,一旦某个代理对象被撤销,它将变得几乎完全不可调用,在它身上执行任何的可代理操作都会抛出TypeError
异常,注意可代理操作一共有14
种,执行这14
种操作以外的操作不会抛出异常。一旦被撤销,这个代理对象便不可能被直接恢复到原来的状态,同时和它关联的目标对象以及处理器对象都有可能被垃圾回收掉。再次调用撤销方法revoke()
则不会有任何效果,但也不会报错。
handler
对象是一个容纳一批特定属性的占位符对象,它包含有Proxy
的各个捕获器trap
。所有的捕捉器是可选的,如果没有定义某个捕捉器,那么就会保留源对象的默认行为。
handler.getPrototypeOf()
: Object.getPrototypeOf
方法的捕捉器。
handler.setPrototypeOf()
: Object.setPrototypeOf
方法的捕捉器。
handler.isExtensible()
: Object.isExtensible
方法的捕捉器。
handler.preventExtensions()
: Object.preventExtensions
方法的捕捉器。
handler.getOwnPropertyDescriptor()
: Object.getOwnPropertyDescriptor
方法的捕捉器。
handler.defineProperty()
: Object.defineProperty
方法的捕捉器。
handler.has()
: in
操作符的捕捉器。
handler.get()
: 属性读取操作的捕捉器。
handler.set()
: 属性设置操作的捕捉器。
handler.deleteProperty()
: delete
操作符的捕捉器。
handler.ownKeys()
: Reflect.ownKeys
、Object.getOwnPropertyNames
、Object.keys
、Object.getOwnPropertySymbols
方法的捕捉器。
handler.apply()
: 函数调用操作的捕捉器。
handler.construct()
: new
操作符的捕捉器。