代理Proxy
目录
一、概述
二、创建
三、Proxy 支持的拦截操作
四、实例方法
五、Proxy.revocable()
六、this指向问题
七、应用
一、概述
在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写
二、创建
new Proxy(target, handler)
new Proxy()
表示生成一个Proxy
实例。
target
参数表示所要拦截的目标对象。
handler
参数也是一个对象,用来定制拦截行为,如果handler
没有设置任何拦截,那就等同于直接通向原对象
var target = {};
var handler = {};
var proxy = new Proxy(target, handler);
proxy.a = 'b';
target.a // "b"handler是一个空对象,没有任何拦截效果,访问proxy就等同于访问target
将 Proxy 对象,设置到object.proxy
属性,从而可以在object
对象上调用:
var object = { proxy: new Proxy(target, handler) };
Proxy 实例也可以作为其他对象的原型对象
var proxy = new Proxy({}, {get: function(target, propKey) {return 35;}
});let obj = Object.create(proxy);
obj.time // 35
三、Proxy 支持的拦截操作
- get(target, propKey, receiver):拦截对象属性的读取,比如
proxy.foo
和proxy['foo']
。 - set(target, propKey, value, receiver):拦截对象属性的设置,比如
proxy.foo = v
或proxy['foo'] = v
,返回一个布尔值。 - has(target, propKey):拦截
propKey in proxy
的操作,返回一个布尔值。 - deleteProperty(target, propKey):拦截
delete proxy[propKey]
的操作,返回一个布尔值。 - ownKeys(target):拦截
Object.getOwnPropertyNames(proxy)
、Object.getOwnPropertySymbols(proxy)
、Object.keys(proxy)
、for...in
循环,返回一个数组。该方法返回目标对象所有自身的属性的属性名,而Object.keys()
的返回结果仅包括目标对象自身的可遍历属性。 - getOwnPropertyDescriptor(target, propKey):拦截
Object.getOwnPropertyDescriptor(proxy, propKey)
,返回属性的描述对象。 - defineProperty(target, propKey, propDesc):拦截
Object.defineProperty(proxy, propKey, propDesc)
、Object.defineProperties(proxy, propDescs)
,返回一个布尔值。 - preventExtensions(target):拦截
Object.preventExtensions(proxy)
,返回一个布尔值。 - getPrototypeOf(target):拦截
Object.getPrototypeOf(proxy)
,返回一个对象。 - isExtensible(target):拦截
Object.isExtensible(proxy)
,返回一个布尔值。 - setPrototypeOf(target, proto):拦截
Object.setPrototypeOf(proxy, proto)
,返回一个布尔值。如果目标对象是函数,那么还有两种额外操作可以拦截。 - apply(target, object, args):拦截 Proxy 实例作为函数调用的操作,比如
proxy(...args)
、proxy.call(object, ...args)
、proxy.apply(...)
。 - construct(target, args):拦截 Proxy 实例作为构造函数调用的操作,比如
new proxy(...args)
。
四、实例方法
get
方法
用于拦截某个属性的读取操作,可以接受三个参数,依次为目标对象、属性名和 proxy 实例本身(严格地说,是操作行为所针对的对象),其中最后一个参数可选。
set
方法
用来拦截某个属性的赋值操作,可以接受四个参数,依次为目标对象、属性名、属性值和 Proxy 实例本身,其中最后一个参数可选。
apply
方法
拦截函数的调用、call
和apply
操作。接受三个参数,分别是目标对象、目标对象的上下文对象(this
)和目标对象的参数数组。直接调用Reflect.apply
方法,也会被拦截
has()
方法
用来拦截HasProperty
操作,即判断对象是否具有某个属性时,这个方法会生效。典型的操作就是in
运算符。可以接受两个参数,分别是目标对象、需查询的属性名。
construct()
方法
用于拦截new
命令。可以接受三个参数:target
:目标对象,必须是函数,否则就会报错。。args
:构造函数的参数数组。newTarget
:创造实例对象时,new
命令作用的构造函数
返回的必须是一个对象,否则会报错。
deleteProperty
方法
用于拦截delete
操作,如果这个方法抛出错误或者返回false
,当前属性就无法被delete
命令删除。目标对象自身的不可配置(configurable)的属性,不能被deleteProperty
方法删除,否则报错。
defineProperty()
方法
拦截了Object.defineProperty()
操作
getOwnPropertyDescriptor()
方法
拦截Object.getOwnPropertyDescriptor()
,返回一个属性描述对象或者undefined
。
getPrototypeOf()
方法
主要用来拦截获取对象原型。具体来说,拦截下面这些操作:
Object.prototype.__proto__
Object.prototype.isPrototypeOf()
Object.getPrototypeOf()
Reflect.getPrototypeOf()
instanceof
isExtensible()
方法
拦截Object.isExtensible()
操作
ownKeys()
方法
用来拦截对象自身属性的读取操作。具体来说,拦截以下操作:
Object.getOwnPropertyNames()
Object.getOwnPropertySymbols()
Object.keys()
for...in
循环
preventExtensions()
方法
拦截Object.preventExtensions()
。该方法必须返回一个布尔值,否则会被自动转为布尔值。这个方法有一个限制,只有目标对象不可扩展时(即Object.isExtensible(proxy)
为false
),proxy.preventExtensions
才能返回true
,否则会报错。
setPrototypeOf()
方法
主要用来拦截Object.setPrototypeOf()
方法
五、Proxy.revocable()
返回一个可取消的 Proxy 实例,是一个对象,该对象的proxy
属性是Proxy
实例,revoke
属性是一个函数,可以取消Proxy
实例。
六、this指向问题
Proxy 可以代理针对目标对象的访问,但不做任何拦截的情况下,也无法保证与目标对象的行为一致
在 Proxy 代理的情况下,目标对象内部的this
关键字会指向 Proxy 代理
七、应用
写 Web 服务的客户端
实现数据库的 ORM 层