如何用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); 
    };