拦截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"