在原书第二版的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)

 

 

相关文章:

  • 2021-06-10
  • 2022-12-23
  • 2021-05-16
  • 2021-12-25
  • 2022-03-05
  • 2021-12-26
  • 2021-08-06
  • 2021-07-13
猜你喜欢
  • 2021-08-07
  • 2022-02-13
  • 2021-05-26
  • 2021-10-15
  • 2022-03-01
  • 2021-06-21
相关资源
相似解决方案