使用相同的功能

Question

在JS

伊夫对象

var myobj = {} 

我需要每一个你叫方法方法就像myObj.a() 或myObj.b()时间等它会调用到相同的功能和将不会呼叫任何其他的东西...

like myFn = function(){ 
return 1 + 1 ; 
} 

Answer 1

好的，所以代理是一种选择。

这是ES6，我不相信它可以pollyfilled所以没有IE支持，我很害怕。正如你所说那不是一个问题，那么一切都很好。

var obj = {}; 

var objProxied = new Proxy(obj, { 
    get: (target, key, reciever) => { 
    console.log(`Handler hit, looking for prop ${key}`); 
    return (...args) => foo(...args); // return what ever you like here 
    } 
}); 

本质上它是如何工作的是你提供代理与被代理的对象和处理程序的映射。 MDN列出了所有不同的处理程序，如果你不提供处理程序，那么它会调用该对象。

根据处理程序的类型，您的处理程序提供了不同的东西。在我们的情况下，get接收其被调用的对象，原始obj和属性名称。

重要的是要注意你的处理程序必须返回一个值（如果注释在示例中），如果你不这样做，它会调用底层对象。这会在我们的示例中导致异常，因为我们会尝试执行未定义的方法。

MDN

在行动：

var obj = {}; 
 

 
function foo(...args) { 
 
    console.log('foo called With:', ...args); 
 
} 
 

 
var objProxied = new Proxy(obj, { 
 
    get: (target, key, reciever) => { 
 
    \t console.log(`Handler hit, looking for prop ${key}`); 
 
    return (...args) => foo(...args) 
 
    } 
 
}); 
 

 
objProxied.a(10); 
 
objProxied.b(20, 50);