美文网首页
Proxy 拦截

Proxy 拦截

作者: 梵仇不是大侠 | 来源:发表于2018-10-22 14:35 被阅读0次

    Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。

    Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理,用在这里表示由它来“代理”某些操作,可以译为“代理器”。

    ES6 原生提供 Proxy 构造函数,用来生成 Proxy 实例。

    let n1=new Proxy(target,handler);      target参数表示所要拦截的目标对象;handler参数也是一个对象,用来定制拦截行为;

    拦截读取属性的例子:

    上面代码中,作为构造函数,Proxy接受两个参数。第一个参数是所要代理的目标对象(上例是一个空对象),即如果没有Proxy的介入,操作原来要访问的就是这个对象;第二个参数是一个配置对象,对于每一个被代理的操作,需要提供一个对应的处理函数,该函数将拦截对应的操作。比如,上面代码中,配置对象有一个get方法,用来拦截对目标对象属性的访问请求。get方法的两个参数分别是目标对象和所要访问的属性。可以看到,由于拦截函数总是返回"hello,world",所以访问任何属性都得到‘hello,world’。

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

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


    一个技巧是将 Proxy 对象,设置到object.proxy属性,从而可以在object对象上调用。


    更多关于Proxy实例的详细用法请参考阮一峰老师的网站


    关于Proxy基本使用的一个简单demo:

    关于Proxy对象的一个demo演示



    可以利用Proxy给一个对象的属性 变成私有属性 不能通过 对象.属性名来访问:

    这个例子中,将person的id变成了私有属性,一旦访问person.id就在get里拦截抛出一个错误

    相关文章

      网友评论

          本文标题:Proxy 拦截

          本文链接:https://www.haomeiwen.com/subject/jecgzftx.html