Proxy学习

对象拦截器,可对外界的访问进行过滤和改写。

1、拦截方法

Handler Method参数触发场景返回值
get(target,propKey,receiver)
1、目标对象。
2、访问属性
3、get函数的this对象(可选)
属性读取 
set(target,propKey,receiver)
1、目标对象。
2、访问属性
3、get函数的this对象(可选)
属性设置布尔值
has(target,propKey)
1、目标对象。
2、访问属性
if(propKey in proxy) 
deleteProperty(target,propKey)
1、目标对象。
2、访问属性
delete proxy[propKey]布尔值
enumerate(target)
1、目标对象。
for(var key in proxy)遍历器
hasOwm(target,propKey)
1、目标对象。
2、访问属性
proxy.hasOwnProperty('key')布尔值
ownKeys(target)
1、目标对象。
Object.getOwnPropertyNames(proxy)
Object.getOwnPropertySymbols(proxy)
Object.keys(proxy)
数组
getOwnPropertyDescriptor(target,propKey)
1、目标对象。
2、访问属性
Object.getOwnPropertyDescriptor(proxy,propKey)属性的描述对象
defineProperty(target,propKey,porpDesc)
1、目标对象。
2、访问属性
3、被定义或修改的属性的描述符
Object.defineProperty(proxy,propKey,porpDesc)
Object.definePropertys(proxy,porpDesc)
布尔值
preventExtensions(target)
1、目标对象。
Object.preventExtensions(proxy)布尔值
getPrototypeOf(target)
1、目标对象。
Object.getPrototypeOf(proxy)布尔值
isExtensible(target)
1、目标对象。
Object.isExtensible(proxy)布尔值
setPrototypeOf(target,proto)
1、目标对象。
2、原型对象
Object.setPrototypeOf(proxy,proto)布尔值
apply(target,propKey,porpDesc)
1、目标对象。
2、访问属性
3、参数
proxy(...args)
proxy.call(object, ...args)
proxy.apply( ...)
 
construct(target,args,proxy)
1、目标对象。
2、参数
3、当前对象
new proxy(...args) 
2)Proxy.revocable()

该方法的返回值是一个对象,其结构为: {"proxy": proxy, "revoke": revoke},其中:

proxy

表示新生成的代理对象本身,和用一般方式 new Proxy(target, handler) 创建的代理对象没什么不同,只是它可以被撤销掉。

revoke

撤销方法,调用的时候不需要加任何参数,就可以撤销掉和它一起生成的那个代理对象。

一旦某个代理对象被撤销,它将变的几乎完全不可用,在它身上执行任何的可代理操作都会抛出 TypeError 异常(注意,可代理操作一共有 14 种,执行这 14 种操作以外的操作不会抛出异常)。一旦被撤销,这个代理对象永远不可能恢复到原来的状态,同时和它关联的目标对象以及处理器对象将有可能被垃圾回收掉。调用撤销方法多次将不会有任何效果,当然,也不会报错。

var revocable = Proxy.revocable({}, {
  get(target, name) {
    return "[[" + name + "]]";
  }
});
var proxy = revocable.proxy;
proxy.foo;              // "[[foo]]"

revocable.revoke();     // 执行撤销方法

proxy.foo;              // TypeError
proxy.foo = 1           // 同样 TypeError
delete proxy.foo;       // 还是 TypeError
typeof proxy            // "object",因为 typeof 不属于可代理操作

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值