覆盖 YUI Javascript 对象

Question

我正在努力尝试修改一些 JavaScript 代码。我知道我想要更改什么，但它位于定期更新产品的巨大 JS 文件中。它基本上是对产品的小型定制。我认为可以将我的更改外部化并保持核心文件完整，而不是直接破解文件。

我想要更改的 JS 文件的结构如下所示：

(function()
{
   Company.CoolWidget = function(inArg)
   {
      Company.CoolWidget.superclass.constructor.call(this, inArg);

   };

   YAHOO.lang.augmentObject(Company.CoolWidget.prototype,
   {
      options:
      {
          ....
      },
      onReady: function COOL_onReady()
      {
          ....
      }
   }, true);
})();

我想要在标准 onReady (COOL_onReady()) 函数中执行所有操作，但在其末尾添加一些内容。 我想添加一个新方法，例如：

onNewMethod: function EXT_COOL_newMethod()

我不确定如何做到这一点以及我是否可以做到这一点，并且我不确定在其他 JS 文件之后加载新的 JS 文件是否一定能保证将会发生覆盖。

或者也许问题应该是：如何以最小的侵入性对 YUI2 Javascript 文件进行更改。

Answer 1

我遇到了与此类似的问题，但我试图完成的是错误修复。我想你也可以认为这是一样的。

Y.Button.prototype._setTitle = function (p_sTitle) { 
  // http://yuilibrary.com/forum/viewtopic.php?p=885
  /*jslint nomen: true*/
  var sTitle = p_sTitle;
  if (!sTitle) {
    switch (this.get("type")) {
    case "radio":
      sTitle = this.RADIO_DEFAULT_TITLE;
      break;
    case "checkbox":
      sTitle = this.CHECKBOX_DEFAULT_TITLE;
      break;
    case "menu":
      sTitle = this.MENUBUTTON_DEFAULT_TITLE;
      break;
    case "split":
      sTitle = this.SPLITBUTTON_DEFAULT_TITLE;
      break;
    case "submit":
      sTitle = this.SUBMIT_TITLE;
      break;
    }
  }
  /*jslint nomen: false*/
  this._button.title = sTitle;
  /*jslint nomen: true*/
};

我相信原型就是您所追求的。上面的 yulibrary 链接可能会有所帮助。

祝你好运！ :)