ES6 Proxy 链式操作
最近在看,对于代理的链式操作,这里记录一下我的理解
一言不合先贴代码!首先. 利用闭包执行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中运行会报错。
参考链接: