使用相同的功能

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);