前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ES6基础语法之proxy用法

ES6基础语法之proxy用法

作者头像
十月梦想
发布2018-08-29 11:48:58
3330
发布2018-08-29 11:48:58
举报
文章被收录于专栏:十月梦想

proxy(代理)简单理解为在对对象进行的'.'操作时,设定的一个过滤器,能够想象到的比较适合的使用场景是做单元测试时,验证对对象的操作。

应用示例代码:

代码语言:javascript
复制
    //proxy(相当于拦截器获取之前进行操作)        
        var user=new Proxy({},{
        	//target原来的传入对象,pro参数的对象属性
        	get:function(target,pro){
        		if(pro=="info"){
        		return target.name+","+target.age;
        		}
        	}
        })
        user.name="十七";
        user.age="22岁";
        console.log("用户信息:"+user.info);//用户信息:十七,22岁

获取到对象内容后进行判断是info不,不是则返回undefined,是info返回用户信息.

不仅仅有get,也有set(自主去设置对象内容)

代码语言:javascript
复制
    //proxy(相当于拦截器获取之前进行操作)
    var user=new Proxy({},{
    	//target原来的传入对象,pro参数的对象属性
    	get:function(target,pro){
    		if(pro=="info"){
    		return target.name+","+target.age;
    		}
    	},
    	set:function(target,pro){
    		target.age="25岁";
    		target.name="有妖气"
    	}
    })
    user.name="十七";
    user.age="22岁";
    console.log("用户信息:"+user.info);//打印出的对象内容是set后的

proxy相当于对于获取到的对象进行过滤操作进行反馈!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-6-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档