ECMAScript 6 —— 知识点(九) Proxy 和 Reflect

var obj = new Proxy({},{
    get:function(target,key,receiver){
        console.log(`getting ${key}`);
        return Reflect.get(target,key,receiver);
    },
    set:function(target,key,value,receiver){
        console.log(`setting ${key}`);
        return Reflect.set(target,key,value,receiver);
    }
});

obj.count = 1;
++obj.count;

Proxy 拦截器支持的拦截操作
1. get(target,propKey,receiver):拦截对象属性的读取,返回
2. set(target,propKey,value,receiver):拦截对象属性的设置,返回布尔值
3. has(target,propKey):拦截 propKey in proxy ,返回一个布尔值
4. deleteProperty(target,propKey):拦截 delete proxy[propKey],返回一个布尔值
5. enumerate(target) :拦截 for(var x in proxy),返回一个遍历器
6. ownKeys(target):拦截 Object.getOwnPropertyNames(proxy),返回一个数组
7. getOwnPropertyDescriptior(target,propKey):拦截 Object.getOwnPropertyDescriptor(proxy,propKey):返回属性描述的对象
8. defineProperty(target,propKey,propDesc):拦截 Object.defineProperty(proxy,propKey,propDesc),Object.defineProperties(proxy,propDesc),返回已布尔值
9. preventExtensions(target):拦截 Object.preventExtensions(proxy),返回布尔值
10. getPrototypeOf(target):拦截 Object.getPrototypeOf(target),返回一个对象
11. isExtensible(target):拦截 Object.isEntensible(proxy),返回一个布尔值
12. setPrototypeOf(target,proto):拦截 Object.setPrototypeOf(proxy,proto),返回一个布尔值
13. apply(target,object,args):拦截 Proxy 实例作为函数调用的操作
14. construct(target,args,proxy):拦截 Proxy 实例作为构造函数调用的操作

猜你喜欢

转载自blog.csdn.net/wuxinwudai/article/details/80832924