ES6 Proxy 链式操作

ES6 Proxy 链式操作

最近在看阮一峰老师的ES6,对于代理的链式操作,这里记录一下我的理解
一言不合先贴代码!
图片描述

首先. 利用闭包执行pipe(3)返回一个新的proxy对象。紧接着调用pipe(3).double,根据proxy拦截规则的定义:

get(target, propKey, receiver)

拦截对象属性的读取,比如proxy.foo和proxy['foo']。

会调用返回的这个新的proxy对象的get方法,其中参数target是pipe(3),fnName是double,如果fnName全等于get,执行reduce方法,否则将该方法放入到funcStack数组中,并返回又一个新的Proxy对象,以便继续链式调用下去。

其次. 最后fnName全等于get,执行reduce方法

reduce 方法 (Array) (JavaScript)

对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供。

pipe(3)中的参数作为reduce的初始值,执行double方法,并将执行结果作为回调函数的第一个参数。

最后. 浏览器的全局对象是window,node的全局对象是global,阮老师的这个例子要放到页面上运行,直接在node中运行会报错。

图片描述

参考链接:
Proxy
reduce 方法 (Array) (JavaScript)
Node.js的全局对象和全局变量

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值