在JS类的所有方法中添加一个preProcess

Adding a preProcess to all methods in JS class

本文关键字：preProcess 一个 添加 JS 有方法      更新时间：2023-09-26

我遇到了一个问题，只有在js类中的任何方法被调用之前，我才能强制一些js函数运行。如:

 var aClass = function() {
    function myFunc() {
        //do something
    }
    return {
       method1: function() { //do something AFTER calling myFunc
       }
       method2: function() {
           //do something AFTER calling myFunc
       }
    }
 }

是否有任何方法我可以将myFunc '注入'到method1和method2中，以便在这些方法中的任何东西可以执行之前被调用?

非常感谢你的帮助。

如果你的目的是避免重复自己，你可以创建一个名为call的方法，你传递你的方法的名称，它可以在调用给定的方法之前调用myFunc:

var aClass = function () {};
aClass.prototype.method1 = function () {
    console.log("Called method1");
};
aClass.prototype.call = function (method) {
    if (typeof this[method] === 'undefined') {
        throw new Error("Unknown method on aClass");
    }
    this._myFunc();
    this[method]();
};
aClass.prototype._myFunc = function () {
    console.log("Called myFunc");
};
new aClass().call('method1');
// Outputs:
// Called myFunc
// Called method1

小提琴:http://jsfiddle.net/se9Ya/5/

注意，通过将方法添加到prototype而不是实际对象本身，aClass的所有未来"实例"将共享相同的函数，这避免了内存中重复的函数对象。

如果你想动态绑定任意数量的函数，另一种可能更好的方法是:

function bindPreMethodToClassMethods(klass, fn){
    var i, originalFn;
    for(i in klass.prototype){
        if(typeof klass.prototype[i] === 'function'){
            originalFn = klass.prototype[i];
            klass.prototype[i] = function() {
                fn();
                originalFn();
            }
        }
    }
}
var aClass = function () {};
aClass.prototype.method1 = function () {
    console.log("Called method1");
};
bindPreMethodToClassMethods(aClass, function(){
    console.log("Called myFunc");
});
bindPreMethodToClassMethods(aClass, function(){
    console.log("Called myOtherFunc");
});
new aClass().method1();
// Outputs:
// Called myOtherFunc
// Called myFunc
// Called method1

小提琴:http://jsfiddle.net/gX2FN/1/

我觉得第二种方法更好，因为语义更清楚，您仍然可以正常调用method1方法。

相关文章：