proxy思考
Posted windSeek
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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还提供来取消监听的方法
大幅度发发发
房贷首付发生
反对书法大赛
以上是关于proxy思考的主要内容,如果未能解决你的问题,请参考以下文章