扩展 Javascript 类中的方法

Question

我（对于那些读过我以前的文章的人来说，“仍然”）正在开发 ICEFaces Web 应用程序。

这个问题可以解释为一般的 Javascript 问题，所以如果您对 ICEFaces 不太了解，请继续阅读

我需要扩展 ICEFaces Javascript 框架创建的类的行为，特别是 ToolTipPanelPopup。

我无法修改库的源代码（否则我就达到了我的目的）。 这就是 ICEFaces 定义类的方式（很像 jQuery 和其他 Javascript 框架）。

ToolTipPanelPopup = Class.create({
   [...]
  showPopup: function() {
    [...]
  },


  updateCordinate: function(event) {
     [...]
  },

    [...]
});

我的问题非常简单，

如何扩展 showPopup() 函数的行为以便在其末尾运行我的自定义函数？

我的意思是像下面假设继承的 Java 示例代码一样

public void ShowPopup()
{
    super.ShowPopup();
    customMethod();
}

Answer 1

像这样的东西应该有效：

var original = ToolTipPanel.showPopup;
ToolTipPanel.showPopup = function() {
   original();  //this is kind of like the call to super.showPopup()
   //your code
};

我在 Firebug 中尝试了这个简单的示例，它似乎有效：

var obj = {
   func: function() { 
     console.log("foo"); 
   }
};

obj.func();

var original = obj.func;
obj.func = function() {
   original();
   console.log("bar");
};

obj.func();

Firebug 输出：

foo
foo
bar

所以这里发生的是您保存对原始 showPopup 函数的引用。然后，您创建一个闭包并将其分配回 showPopup。原始的 showPopup 并没有丢失，因为您在 original 中仍然有对它的引用。在闭包中，您调用原始引用的函数，然后您就拥有了自己的代码。如果您想在调用original之前先执行某些操作，只需交换顺序即可。由于您使用的是闭包，因此 original 在词法上绑定到当前作用域，并且每次调用新的 showPopup 时都应该可用（如果我对此错了，有人请纠正我）。

让我知道这是否适合您。