如何在javascript中使用可变数量的参数覆盖函数？

Question

我想在我的对象上覆盖 jQuery 的 hide() 函数。我希望它调用我的onHide() 函数，然后调用原始hide()。

如何做到这一点？

我猜最简单的代码不会传递参数：

myobject.oldhide = myobject.hide;
myobject.onHide = function() {
   // something
};
myobject.hide = function() {
   this.onHide();
   this.oldhide();
}

jQuery 的 hide() 最多接受 3 个参数。我可以只定义其中的 3 个吗？

myobject.oldhide = myobject.hide;
myobject.onHide = function() {
   // something
};
myobject.hide = function(a,b,c) {
   this.onHide();
   this.oldhide(a,b,c);
}

Answer 1

可以使用.apply()调用原文：

this.oldhide.apply(this, arguments);

它将调用 oldhide 并使用传递给您自己的函数的任何参数列表，该函数不需要任何声明的参数：

myobject.oldhide = myobject.hide;

myobject.onHide = function() {
   // something
};

myobject.hide = function() {
   this.onHide();
   this.oldhide.apply(this, arguments);
}

Answer 2

是的，没有传入的只是undefined。

Answer 3

您可以使用 $.proxy 缓存旧隐藏。

    myobject.oldhide = $.proxy(myobject.hide, myobject);
    myobject.onHide = function() {
       // something
    };
    //a, b, and c parameters don't have to be passed
    //but if they are they will be forwarded to the old hide.
    //Using $.proxy will preserve the way the old function takes parameters.
    myobject.hide = function(a, b, c) {
       this.onHide();
       this.oldhide(a, b, c);
    };