javascript - 链接 JavaScript (ES6) 代理对象

Question

我希望能够做到这一点:

x.where('age').gt(20);

x.__calls  // [['where', ['age']], ['gt', [20]]]

where 和 gt 只是示例。我不知道会调用什么函数，它们可能是任何东西，除了填充 __calls 数组之外它们什么都不做。

到目前为止，我有以下使用 ES6 的 Proxy 的代码对象

var x = new Proxy({ 
    __calls: [] 
}, {
    get: function (target, name) {
        if (name in target) {
            return target[name];
        } else {
            return () => {
                target.__calls.push([name, Array.prototype.slice.call(arguments)]);
                return x;
            }
        }
    }
});

如果我删除 return x 行，我可以执行 x.where('age'); x.gt(20) 以获得正确的 __calls。但是，对于 return x，由于某种原因它会进入无限递归...

Answer 1

我添加了 console.log(name) 来找出导致无限递归的调用，结果是 inspect 和 constructor。所以我只是将他们列入黑名单:)

var x = new Proxy({ 
    __calls: [] 
}, {
    get: function (target, name) {
        if (name in target || name === 'inspect' || name === 'constructor') {
            return target[name];
        } else {
            return function() {
                target.__calls.push([name, Array.prototype.slice.call(arguments)]);
                return x;
            }
        }
    }
});