《es6标准入门》chapter11中关于Proxy的一个错误例子的纠正
Posted 一直问
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了《es6标准入门》chapter11中关于Proxy的一个错误例子的纠正相关的知识,希望对你有一定的参考价值。
在原书第二版的p120,这里有一个使用Proxy实现管道化调用的例子,想法很好,但是代码有问题,下面是更正之后的代码。
由于我是在node环境下运行,所以我把几个全局函数定义到global内了,如果是在浏览器下测试,则可以保留原有这部分内容。
var pipe=(function(){ var pipe; return function(value){ pipe=[]; return new Proxy({}, { get(target, fnName, receiver){ console.log(‘enter get, fnName ‘ + fnName.toString()) if(fnName == ‘get‘){ console.log(‘begin to calc the value‘); return pipe.reduce(function(val, fn){ return fn(val); }, value); } pipe.push(global[fnName]); console.log(pipe, pipe.length); console.log(target); //此处应该是要返回proxy对象,而不是原来的target对象 return receiver; } }); } }()); //此处是为了兼容node环境而做的修改 global["double"] = n =>n*2; global["pow"] = n =>n*n; global["reverseInt"] = n=>n.toString().split(‘‘).reverse().join(‘‘) | 0; console.log(pipe(3).double.pow.reverseInt.get)
以上是关于《es6标准入门》chapter11中关于Proxy的一个错误例子的纠正的主要内容,如果未能解决你的问题,请参考以下文章
《ES6标准入门》10~28Page let和const命令 变量的解构赋值