javascript-实例化对象时使用代理陷阱

Question

我想要一个可以实例化的javascript函数，并捕获正在调用它的每个未定义方法（代理陷阱）。

我到目前为止所拥有的是：

var MyProxyFunction = new Proxy(function () {
        console.log(">>>>>>>>>>>>>>>>>>>> constructor");
    }, {
    get: function(target, prop) {
        if (target[prop] === undefined) {
            return function()  {
                console.log('an otherwise undefined function!!');
            };
        }
        else {
            return target[prop];
        }
    }
});

现在，如果我调用MyProxyFunction.foo() ，它将被调用（我将看到“构造函数”启动并从get函数获取日志）。

但是我想做的是像下面这样实例化该对象（并在构造函数中进行一些初始化）：

var myObj = new MyProxyFunction();
myObj.foo();

但是当我这样做时，我得到foo()不是一个函数。 为什么？ 实例化代理时如何使它工作？

Answer 1

对此行为的解释是，您的构造函数被代理了，但没有构造它的对象。 因此，当您编写new MyProxyFunction时，将new MyProxyFunction代理的构造函数，但是构造函数会创建一个新对象，该对象与Proxy无关，但与构造函数的prototype属性无关。

有几种方法可以使其工作。

1.将代理应用于原型对象

 function MyProxyFunction() { console.log(">>>>>>>>>>>>>>>>>>>> constructor"); }; MyProxyFunction.prototype = new Proxy(MyProxyFunction.prototype, { get: function(target, prop) { if (target[prop] === undefined) { return function() { console.log('an otherwise undefined function!!'); }; } else { return target[prop]; } } }); var myObj = new MyProxyFunction(); myObj.foo(); console.log('constructor:', myObj.constructor.name); console.log('Is instance of MyProxyFunction?: ', myObj instanceof MyProxyFunction); 

现在使用名称MyProxyFunction看起来有点奇怪 ，因为不是代理的函数（构造函数）本身。

2.为每个实例创建一个代理

如果想让构造函数每次用它实例化一个对象时都创建一个新的代理，则不MyProxyFunction new Proxy直接分配给MyProxyFunction ，而应使其成为返回一个new Proxy的普通构造函数。

然后，您必须代理的对象是this 。

 function MyProxyFunction() { console.log(">>>>>>>>>>>>>>>>>>>> constructor"); return new Proxy(this, { get: function(target, prop) { if (target[prop] === undefined) { return function() { console.log('an otherwise undefined function!!'); }; } else { return target[prop]; } } }); } var myObj = new MyProxyFunction(); myObj.foo(); console.log('constructor:', myObj.constructor.name); console.log('Is instance of MyProxyFunction?: ', myObj instanceof MyProxyFunction);