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 实例作为构造函数调用的操作
推荐阅读
-
ES6看完必会第十二章------ Proxy和Reflect (可私信解惑,不会来捶我)
-
浅谈es6语法 (Proxy和Reflect的对比)
-
ECMAScript6 新的数据结构、Class语法、Proxy和Promise,看完我写的ES6,马上会的,你就是高手
-
ECMAScript 6 —— 知识点(九) Proxy 和 Reflect
-
ECMAScript Proxy和Reflect
-
ECMAScript6(12):Proxy 和 Reflect
-
浅谈es6语法 (Proxy和Reflect的对比)
-
ES6中Proxy和Reflect的介绍(代码示例)
-
ES6中Proxy和Reflect的介绍(代码示例)