es6之proxy学习

Posted missdabaibai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es6之proxy学习相关的知识,希望对你有一定的参考价值。

proxy顾名思义就是代理的意思,这个属性可以用来修改某些默认行为,假如我们要在访问某个对象的属性之前要做些拦截就可以用proxy来进行操作

var proxy=new Proxy(target,handler)

其中target指目标对象,handler指拦截后要执行的操作,里面一般放执行函数

一、

1.get方法 一般用来拦截对象的读取操作

在get函数内部设置了值 对象读取其它属性都会返回get里面设置的值  外部更改没有任何效果

 

技术图片

 

2.设置属性读取拦截,如果读取的属性不存在可以主动抛出异常

技术图片

 

3.get拦截是可以被子类继承的,如果父类某个属性设置了拦截 子类访问这个属性时也会被拦截

技术图片

 

4.如果一个属性不可配置或不可写 则代理时会报错

技术图片

 

以上是关于es6之proxy学习的主要内容,如果未能解决你的问题,请参考以下文章

ES6系列_13之Proxy进行预处理(简单学习)

es6代理 proxy 学习

ES6学习笔记十(Proxy)

ES6学习小结7:何为Proxy?

ES6之Proxy及Proxy内置方法

ES6中的Proxy