码迷,mamicode.com
首页 > 其他好文 > 详细

proxy思考

时间:2017-10-12 16:12:28      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:def   bsp   code   方法   function   get   define   target   reac   

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还提供来取消监听的方法

 

 

 

大幅度发发发

 

房贷首付发生

 

 

反对书法大赛

proxy思考

标签:def   bsp   code   方法   function   get   define   target   reac   

原文地址:http://www.cnblogs.com/windseek/p/7656460.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!