ES6基础语法之proxy用法
时间:2022-06-08
本文章向大家介绍ES6基础语法之proxy用法,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
proxy(代理)简单理解为在对对象进行的'.'操作时,设定的一个过滤器,能够想象到的比较适合的使用场景是做单元测试时,验证对对象的操作。
应用示例代码:
//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(自主去设置对象内容)
//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相当于对于获取到的对象进行过滤操作进行反馈!
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- wordpress自定义标签云与随机获取标签的方法详解
- 使用Keras画神经网络准确性图教程
- PHP序列化的四种实现方法与横向对比
- PHP自动载入类文件函数__autoload的使用方法
- 安装python3.7编译器后如何正确安装opnecv的方法详解
- python数据类型强制转换实例详解
- PHP使用OB缓存实现静态化功能示例
- 在Keras中实现保存和加载权重及模型结构
- Tensorflow与Keras自适应使用显存方式
- Python类及获取对象属性方法解析
- Keras实现DenseNet结构操作
- python中format函数如何使用
- keras得到每层的系数方式
- 解决TensorFlow调用Keras库函数存在的问题
- php判断电子邮件是否正确方法