ES6“通用”代理

Question

我想了解为什么无法使用 ES6 创建“通用”转发代理。 “通用”是指代理目标可以是具有相同代理声明（构造函数 + 处理程序）的任何类型的非原始值（包括函数）。

案例一：

var o = function myCtor() {}

var p = new Proxy({}, {
    construct: function(target, ...args) {
        return Reflect.construct(o, ...args);
    }
});

console.log(new p); // TypeError: p2 is not a constructor

案例2：

var o = {}

var p = new Proxy(function() {}, {
    ownKeys: function(target) {
        return Reflect.ownKeys(o);
    }
});

console.log(Object.keys(p)); // TypeError: 'ownKeys' on proxy: trap result did not include 'arguments'

当我使用 function(){} 作为代理目标（而不是 {}）时，案例 1 可以正常工作，但是之后，案例 2 不再有效。

感谢您的帮助。

Answer 1

一个 Proxy 实例是一个目标，所以比较 (proxy instanceof == target.constructor) 将始终返回 true。所以对代理进行操作必须像目标对象类型一样。

1. 情况1，Proxy返回一个Object实例，是一个实例而不是is-a Function实例，所以不能用new关键字调用。所以你可以通过传递一个Function实例来通过测试而是。

    var o = function myCtor() {}
   
       var p = new Proxy(function(){}, {
           construct: function(target, ...args) {
               return Reflect.construct(o, ...args);
           }
       });
   
       console.log(new p);
   

2. 在情况 2 中，因为 Function 具有不可配置的 prototype 属性，并且代理必须是 is-a Function 实例。所以通过测试 handler.ownKeys() 必须存在 prototype 属性名称。并且任何定义为Object.defineProperty(foo, 'foo', {configurable: false}) handler.ownkeys() 的属性都必须存在。例如：必须包含可枚举的名称，包括foo。

   var o = {prototype:{}}
   
   var p = new Proxy(function() {}, {
       ownKeys: function(target) {
           return Reflect.ownKeys(o);
       }
   });
   
   console.log(Object.keys(p));
   

代理的例子很多here，你可以自己尝尝这些例子。尝过之后你还可以深入看看代理文档。