zoukankan      html  css  js  c++  java
  • ES6学习之Proxy

    定义:“代理器”,用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。可以对外界的访问进行过滤和改写。

    语法:

    var proxy = new Proxy(target, handler);

    <注>target参数表示所要拦截的目标对象handler参数也是一个对象,用来定制拦截行为

    var obj = new Proxy({}, {
      get: function (target, key, receiver) {   //重定义目标对象的get方法
        console.log(`getting ${key}!`);
        return Reflect.get(target, key, receiver);
      },
      set: function (target, key, value, receiver) {    //重定义目标对象的set方法
        console.log(`setting ${key}!`);
        return Reflect.set(target, key, value, receiver);
      }
    });
    obj.count = 1
    //setting count!
    ++obj.count
    //getting count!
    //setting count!

    如果handler没有设置任何拦截,那就等同于直接通向原对象

    var target = {};
    var handler = {};
    var proxy = new Proxy(target, handler);
    proxy.a = 'b';
    target.a // "b"

    Proxy 支持的拦截操作

    • get(target, propKey, receiver):拦截对象属性的读取,比如proxy.fooproxy['foo']
    • set(target, propKey, value, receiver):拦截对象属性的设置,比如proxy.foo = vproxy['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),返回一个数组。该方法返回目标对象所有自身的属性的属性名,而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)
  • 相关阅读:
    @Autowired和@Resource注解的注入顺序
    八大排序算法(Java实现)+ 自制动画
    一文秒杀三个经典面试求和问题
    这篇文章,或许对还在上学的你,有一些帮助
    得了,一文把前缀和给扒的干干净净了。
    BF,BM,KMP,就这?
    那个贼贵的比特币到底是什么原理?
    小样?别以为你穿了几个马甲就不认得你是二分法!
    面试前必知必会的二分查找及其变种
    Vue.js 官方示例初探
  • 原文地址:https://www.cnblogs.com/sghy/p/7803965.html
Copyright © 2011-2022 走看看