在普通JS对象上使用`get`和`apply`代理陷阱

Question

以下代码是一个简单的代理，用于记录被捕获的“获取”：

var p = new Proxy({}, {
    get: function(target, property, receiver) {
        console.log("getting: ", property);
        return target[property];
    }
});

当我使用"hello " + p将其强制转换为String时，我在控制台中获得以下输出：

getting:  Symbol(Symbol.toPrimitive)
getting:  valueOf
getting:  toString
getting:  Symbol(Symbol.toStringTag)
"hello [object Object]"

到目前为止一切都很好，但让我们做一些偷偷摸摸的事情并代理一个函数 ，但实际上仍然使用它作为我们在上一个例子中使用的普通对象的代理。 我想这样做的原因是因为我希望能够捕捉到既get S和apply于这个S obj 。

注意return target.obj部分 - 我们真的使用它来代理obj仍然 - 这只是我们通过 fn做的：

var fn = function(){};
fn.obj = {};
var p = new Proxy(fn, {
    get: function(target, property, receiver) {
        console.log("getting: ", property);
        return target.obj[property];
    }
});

现在，我认为这将产生与"hello " + p的最后一个示例完全相同的输出，但我错了：

getting:  Symbol(Symbol.toPrimitive)
getting:  valueOf
getting:  toString
getting:  Symbol(Symbol.toStringTag)
"hello [object Function]"

请注意，它导致了一个Function字符串标记而不是Object字符标记。 这里发生了什么？ 就好像在fn而不是obj上调用toString 。 （ 编辑：但是我们可以添加fn.toString = function(){ return "fn"; }并且它不会改变输出，所以也许它不是fn在这里被字符串化？）

如果你弹出一个debugger中出现的语句，你会看到它的实际返回fn.obj.toString如你所期望的，但由于某些原因，最终输出是一个函数，而不是一个对象（虽然我不能完全肯定这功能）。 谢谢你的帮助！

PS我没有解释我的用例的完整上下文（简短版本：它用于DSL ，所以弯曲“良好做法”很好），因此建议替代模式来实现get和apply陷阱对象（实际上） ）可能与我的具体情况无关。 我真的只想理解为什么上述方法不像我期望的那样工作，但也希望确保问题足够广泛，以帮助处于类似情况的未来读者。

Answer 1

我想我已经找到了这个bug。 当我们返回一个函数时，看起来我们需要bind它bind到target.obj ，否则它被绑定到某个函数。 我并没有完全准备好this东西，但我认为这是有道理的。 所以这是更新的工作代码：

var fn = function(){};
fn.obj = {};
fn.toString = function(){ return "fn"; }
var p = new Proxy(fn, {
    get: function(target, property, receiver) {
        console.log("getting: ", property);
        let result = target.obj[property];
        if(typeof result === 'function') {
          result = result.bind(target.obj);
        }
        return result;
    }
});