鏈接 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) 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;
            }
        }
    }
});