《es6标准入门》chapter11中关于Proxy的一个错误例子的纠正

小灰灰 2021-05-03 02:40 423阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，423人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6标准入门----总结一

1.let命令下面的代码如果使用var，最后将输出10. var a=[]; for(var i=0;i<10;i++){

迷南。/ 2023年06月03日 07:58/ 0 赞/ 32 阅读

相关一文掌握 ES6 中关于 Proxy 的强大用法，真香！

![900f855bd0be7e90f63c23f1fe83308b.png][] 今天我们要学习的是ECMAScript 6 Proxy。我们将在本文中涉及以下主题。

一时失言乱红尘/ 2022年10月16日 07:24/ 0 赞/ 158 阅读

相关记一个关于标准IO流缓冲区的有趣例子

在编程时无意中发现一个有趣的现象，经过分析应该是标准IO流的缓冲区机制引起的。有如下一段代码 include <stdio.h> include <un

太过爱你忘了你带给我的痛/ 2022年06月04日 03:38/ 0 赞/ 188 阅读

相关关于List中addAll()方法的错误纠正

起因：在项目中构造树形关系的时候，一级下面挂两个二级，比如说浙江省下面挂着归属浙江省的市，但还要挂一个浙江省所在的人员，人员和市就同样是二级关系，项目里有一个TreeNode类

爱被打了一巴掌/ 2022年05月28日 04:35/ 0 赞/ 249 阅读

相关 ES6 -- Proxy代理

Proxy用于修改某些操作的默认行为，等同与在语言层面做出修改，即对编程语言进行编程。 Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通

曾经终败给现在/ 2022年05月12日 01:24/ 0 赞/ 203 阅读

相关详解es6中Proxy代理对象的作用

在es6中新添加了Proxy，那么它有什么作用啊？Proxy本意为代理，而es6中的Proxy也就是代理对象，那么代理对象感觉听起来很模糊，在这里就解释一下Proxy代理对象的

曾经终败给现在/ 2022年04月24日 03:52/ 0 赞/ 254 阅读

相关开始看《ES6标准入门》

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] 写得非常好，全是干货。还以为是很容易上手的，结果一看还是要有一些JS基础才行的 1.

小灰灰/ 2022年01月15日 07:11/ 0 赞/ 266 阅读

相关 ES6之Proxy 的巧用

摘要： Proxy的骚操作。作者：前端小智原文：[Proxy 的巧用][Proxy] [Fundebug][]经授权转载，版权归原作者所有。 Proxy

青旅半醒/ 2021年11月24日 00:12/ 0 赞/ 235 阅读

相关 ES6--Proxy

概述 Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加

落日映苍穹つ/ 2021年08月13日 14:38/ 0 赞/ 368 阅读

相关《es6标准入门》chapter11中关于Proxy的一个错误例子的纠正

在原书第二版的p120，这里有一个使用Proxy实现管道化调用的例子，想法很好，但是代码有问题，下面是更正之后的代码。由于我是在node环境下运行，所以我把几个全局函...

小灰灰/ 2021年05月03日 02:40/ 0 赞/ 424 阅读