代理和目标对象之间的平等

Question

Javascript 的新代理功能为调试提供了一些有趣的功能。例如，您可以通过将对象放在带有get 处理程序的代理后面来“保护”一个对象，如果您访问未定义的属性，该处理程序将抛出。这有助于发现拼写错误和其他类型的错误。

可以这样使用：

class Something {
    constructor()
    {
        this.foo = "bar";

        allObjects.push(this);
    }
};

function defend(o)
{
    return new Proxy(o, DebugCheckHandler);
};

let rawSomething = new Something();
let defendedSomething = defend(rawSomething);

可以认真编写代码以仅处理defendedSomething。然而在这个例子中，Something 构造函数将this 传递到其他地方（到allObjects）。这最终与在代码库中同时使用 rawSomething 和 defendedSomething 具有相同的效果。

问题源于代理引用不等于其原始引用，因为rawSomething !== defendedSomething。例如，如果allObjects.includes(defendedSomething) 包含rawSomething，它将返回false，因为includes 会执行严格的=== 检查。

有没有什么好的方法可以不用对代码做太多改动来解决这个问题？

Answer 1

Iirc，在构造函数中影响this 值的唯一方法——这是你在这里需要的——是通过子类化。我相信（但无法测试）以下内容应该有效：

function Defended() {
    return new Proxy(this, DebugCheckHandler);
//                   ^^^^ will become the subclass instance
}

class Something extends Defended {
//              ^^^^^^^^^^^^^^^^ these…
    constructor() {
        super();
//      ^^^^^^^ …should be the only changes necessary
//      and `this` is now a Proxy exotic object
        this.foo = "bar";

        allObjects.push(this);
    }
};

let defendedSomething = new Something();

Answer 2

您可以：

1. 创建一个继承自构造函数的prototype 的对象。
2. 将其用作代理的处理程序。
3. 调用将代理作为this 值传递的构造函数。

function Something() {
  this.foo = "bar";
  allObjects.push(this);
}
function defendIntanceOf(C) {
  var p = new Proxy(Object.create(C.prototype), DebugCheckHandler);
  C.call(p);
  return p;
};
let defendedSomething = defendIntanceOf(Something);

请注意，我使用函数语法而不是类一，以便能够使用 Function.call 使用自定义 this 值调用 [[Call]]。