攔截javascript中的函數

Question

以下是我的javaScript代碼。

var myObjfn = { 
    before : function(){ 
     console.log("before"); 
    }, 
    loadA: function(){ 
     console.log("loadA"); 
    }, 
    loadB: function(){ 
     console.log("loadB"); 
    }, 
    loadC: function(){ 
     console.log("loadC"); 
    } 
} 

每當我打電話myObjfn.loadA（），它應該執行loadA方法之前調用myObjfn.before（）方法。 loadB（）相同& loadC（）。我不想在所有loadA，loadB和loadC方法中顯式調用before（）方法。有沒有任何選項來實現這個JavaScript？

Answer 1

你可以做這樣的事情。它爲除了before函數以外的對象中的每個函數創建包裝函數。

var myObjfn = { ... }; 

Object.keys(myObjfn).forEach(key => { 
    if (key === "before") return; 
    var oldFunc = myObjfn[key]; 

    myObjfn[key] = function() { 
    myObjfn.before(); 
    return oldFunc.apply(this, arguments); 
    }; 
}); 

myObjfn.loadA(); 

// "before" 
// "loadA"