proxy思考

vue从2.5版本之后开始强化typescript的支持程度,在ide方面增强对visual stadio的支持,更重要的是,双数据绑定那一块,要使用es6的proxy来代替Object.defineProperty(),吓得我赶紧看了一下es6中的proxy,首先代码

let proxy=new Proxy({},{
    get:function (target,property) {
        return 35;
    }
})
let obj=Object.create(proxy);
console.log(obj.qq);
let person={
    name:"张三"
}
let proxyPerson=new Proxy(person,{
    get:function(target,property){
        if(property in target){
            return target[property];
        }else{
            console.log("Property \"" + property + "\" does not exist.");
        }
    }
})
console.log(proxyPerson.name);
console.log(proxyPerson.sex);

//经过实际操作,object.observe已经不能在浏览器里支持l
// var o = {};
// function observer(changes){
//     changes.forEach(function(change) {
//         console.log('发生变动的属性:' + change.name);
//         console.log('变动前的值:' + change.oldValue);
//         console.log('变动后的值:' + change.object[change.name]);
//         console.log('变动类型:' + change.type);
//     });
// }
// Object.observe(o, observer);
// o.sex="男";
//可以使用apply 对方法进行拦截代理
var target = function () { return 'I am the target'; }; var handler = {
    apply: function (receiver, ...args) { return 'I am the proxy';
    } };
var p = new Proxy(target, handler);
console.log(p());

上面的代码,可以使用proxy的get属性,set属性,监听对象的状态,使用apply来监听函数的状态,当然proxy还提供来取消监听的方法

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏互联网杂技

React一种少用的组件通信方式,但是简单

831
来自专栏菩提树下的杨过

silverlight/xap如何接收参数?

silverlight不能象flash一样,直接以类似xxx.xap?name=123的方式传递参数,而是要用另一种方式实现: html部分(注意高亮部分):...

1849
来自专栏技术博客

Asp.Net Web API 2第八课——Web API 2中的属性路由

阅读本文之前,您也可以到Asp.Net Web API 2 系列导航进行查看 http://www.cnblogs.com/aehyok/p/3446289.h...

734
来自专栏葡萄城控件技术团队

.Net WinForm 控件键盘消息处理剖析

在WinForm控件上我们可以看到很多关于键盘消息处理的方法,比如OnKeyDown, OnKeyPress, ProcessCmdKey, ProcessDi...

18510
来自专栏BY的专栏

利用 Xcode 内存表(Debug Memory Graph)检测内测泄漏

3648
来自专栏Vamei实验室

被解放的姜戈04 各取所需

作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明。谢谢! 我们在庄园疑云中讲到了服务器上的数据。当...

1815
来自专栏GreenLeaves

Web API系列之三 基本功能实现

Web API系列之二讲解了如何搭建一个WebApi的基架,本文主要在其基础之上实现基本的功能.下面开始逐步操作: 一、配置WebApi的路由-用于配置外部如何...

1915
来自专栏哲学驱动设计

数据层扩展包EFCachingProvider 总结

    前不久学习了《EFCachingProvider》,该扩展包不但可以用于EntityFramework的扩展,所有与数据库连接相关的应用程序都可以使用类...

1717
来自专栏Google Dart

Dart服务器端 shelf包 原

handler是处理shelf.Request并返回shelf.Response的任何函数。它可以处理请求本身 - 例如,在文件系统上查找请求的URI的静态文件...

1031
来自专栏前端学习心得

Vue2.0学习(三)--Vue数据通信详解

组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。组件间如何传递数据就显得至关重要。本文尽可能罗列...

811

扫码关注云+社区