利用 Proxy,可以将读取属性的操作(get),转变为执行某个函数,从而实现属性的链式操作

关于阮一峰 ECMAScript 6 (ES6) 标准入门教程 第三版 中有个例子:

  • 利用 Proxy,可以将读取属性的操作(get),转变为执行某个函数,从而实现属性的链式操作
    按照例子写怎么都运行不了(在webpack部署环境下)
var pipe = function (value) {
  var funcStack = [];
  var oproxy = new Proxy({} , {
    get : function (pipeObject, fnName) {
      if (fnName === 'get') {
        return funcStack.reduce(function (val, fn) {
          return fn(val);
        },value);
      }
      funcStack.push(window[fnName]);//最后发现这个地方无法获取window中fnName的属性
      return oproxy;
    }
  });
  return oproxy;
}

//也就是这三个函数并没有写入window对象中
var double = n => n * 2;//将每一个改成window.double形式即可
var pow    = n => n * n;
var reverseInt = n => n.toString().split("").reverse().join("") | 0;
pipe(3).double.pow.reverseInt.get; // 63
posted @ 2020-09-03 15:19  CodeMuscle  阅读(297)  评论(0编辑  收藏  举报