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 条评论
登录 后参与评论

相关文章

来自专栏FreeBuf

代码审计 | DedeCMS v 5.7 sp2 RemoveXSS bypass

DedeCMS 简称织梦CMS,当前最新版为 5.7 sp2,最近又去挖了挖这个CMS,发现过滤XSS的RemoveXSS函数存在缺陷导致可以被绕过。

2033
来自专栏linux系统运维

awk工具

1777
来自专栏决胜机器学习

PHP实用功能——modern PHP读书笔记(一)

PHP实用功能——modern PHP读书笔记 (原创内容,转载请注明来源,谢谢) 一、命名空间 1、命名空间按照虚拟的层次结构组织PHP代码,类似操作系统的目...

3835
来自专栏Django Scrapy

JavaScript注释规范

1393
来自专栏xingoo, 一个梦想做发明家的程序员

MFC常用的类详细介绍

常用的MFC类 CRuntimeClass结构 在CRuntimeClass结构中定义了类名、对象所占存储空间的大小、类的版本号等成员变量及动态创建对象、派生关...

1935
来自专栏我是攻城师

深入理解Java类加载器机制

Java里面的类加载机制,可以说是Java虚拟机核心组件之一,掌握和理解JVM虚拟机的架构,将有助于我们站在底层原理的角度上来理解Java语言,这也是为什么我们...

1502
来自专栏Python私房菜

简析Python中的四种队列

在Python文档中搜索队列(queue)会发现,Python标准库中包含了四种队列,分别是queue.Queue / asyncio.Queue / mult...

953
来自专栏JackeyGao的博客

Django小技巧08: Blank or Null

Django Model API 中提供了blank和null两个参数, 非常容易混淆。当我第一次使用 Django 的时候, 总是不能恰当的使用这两个参数。

633
来自专栏七夜安全博客

无线安全专题_破解篇03--打造个人字典

1134
来自专栏技巅

GlusterFS之内存池(mem-pool)使用实例分析

1716

扫码关注云+社区