Question

为什么抛出ReferenceError？

var p = new Proxy({}, {
    get: function(target, name) {
        return `hello world ${name}`;
    }
});
with (p) { console.log(a) }

未捕获的ReferenceError：a未定义

Answer 1

我认为with可能会读取p对象的现有属性并将它们添加到变量范围。因此，由于没有实际的a属性，因此不会将其添加到范围中。

换句话说，此时的a查找会调用变量分辨率，而不会调用属性解析。

13.11 With Statement

with语句将计算对象的对象环境记录添加到正在运行的执行上下文的词法环境中。然后它使用这个增强的词法环境执行一个语句。最后，它恢复了原有的词汇环境。

然后在变量分辨率下，它执行hasBinding(name)，这对于代理对象将失败，因为没有绑定。

8.1.1 Environment Records

HasBinding（N）确定环境记录是否具有String值N的绑定。如果是，则返回true，如果不是则返回false

Answer 2

这段代码非常愚蠢。然而，它提出的问题非常有趣。事实证明你可以让它工作！您需要一种方法来告诉javascript使用代理上的has方法在对象中可用的变量。此外，由于某种原因，符号不能隐式转换为字符串。因此，为了将此代码添加到“工作”，您需要这样的东西。

var p = new Proxy({}, {
    //we need to identify what elements are available. 
    //this overloads the in operator eg ("foo" in obj)
    has:function(target,name){
        //if we just returned true we would override everything
        //and we need to get to the console
        return name!="console";
    },      
    get: function(target, name) {
        //for some reason the toString is mandatory don't know why 
        //you get "TypeError: Cannot convert a Symbol value to a string" otherwise
        return "Hello world "+name.toString();
    }
});
with (p) { console.log(abc) }

Javascript Proxies和With语句

2 个答案: