Proxy监听对象的数据变化,处理绑定数据很有用
2017-11-10 18:01
621 查看
Proxy可以监听对象身上发生了什么事情,并在这些事情发生后执行一些相应的操作。一下子让我们对一个对象有了很强的追踪能力,同时在数据绑定方面也很有用处。
var peo = { name: 'zhangsan', salary: 27 }; //interceptor 拦截 var interceptor = { set: function (recObj, key, value) { console.log(key, 'is changed to', value); //name is changed to lisi recObj[key] = value; } }; //创建代理以进行侦听 proxyEngineer = new Proxy(peo, interceptor); //做一些改动来触发代理 proxyEngineer.name = 'lisi';//控制台输出:salary is changed to 60 console.log(peo) //{name: "lisi", salary: 27}
相关文章推荐
- vue动态数据绑定1--如何监听一个对象的变化
- 动态数据绑定之监听对象变化
- Vue监听数据对象变化源码
- es6的set和get实现数据双向绑定,监听变量变化。
- C#_wpf_userinput_数据绑定_后台对象改变,界面数据也变化
- 将基本数据类型值作为对象处理
- angularJS绑定数据中对标签转义的处理二 与pre标签的使用
- ASP.NET - 演练:到自定义业务对象的数据绑定
- 005 - vue之watch深度监听数据变化
- DataRow对象数据绑定问题
- tomcat请求处理分析(三) 绑定本地端口监听请求
- mongo对象var_dump的时候无法显示更多数据的处理办法
- 将指定excel文件中的数据转换成datatable对象,供应用程序进一步处理
- js几个简单的工具类函数 事件绑定处理、加载数据字典下拉框、重新加载下拉框、参数处理
- 处理方法的数据绑定---15.3.1: 数据绑定流程剖析
- WPFS数据绑定(要是后台类对象的属性值发生改变,通知在“客户端界面与之绑定的控件值”也发生改变需要实现INotitypropertyChanged接口)
- 数据绑定 单个对象和集合绑定差异
- bootstrap table教程--后台数据绑定、特殊列处理、排序
- springMVC对简单对象、Set、List、Map的数据绑定和常见问题(一)
- vue watch监听对象及对应值的变化