Overwrite object methods / functions

Question

I have the original.js file, but I want to change some things in it. I can't modify original.js, but I can add another better.js file so that I could overwrite some functions of original.js

original.js contains:

MyHandler = {
   data:{},
   var1:false;
   handlers:{},

   init:function(handlers){
       function1();
       function2();
   }
   function1:function()
   {
    // function1 code that needs to be replaced
   };
}

$(document).ready(function ()
{
///...some code
      MyHandler.init();
}

I want to rewrite function1() with new content. What should I put within better.js file?

P.S. I know better.js should follow after original.js.

I've tried to put the code below to better.js, but it doesn't work (seems like none of function1 work then)

MyHandler = {
   function1:function()
   {
    // new code
   };
}

What am I doing wrong?

You'r problem does not seem to have anything to do with jQuery. There is no such thing as a "jQuery function". — Felix Kling
– Felix Kling, Commented Oct 28, 2012 at 18:25

vyakhir · Accepted Answer · 2012-10-28 18:23:09Z

3

Just do like this:

if (!MyHandler) { MyHandler = {};}
MyHandler.function1 = function() { ... };

Or you can use jQuery $.extend api method.

answered Oct 28, 2012 at 18:23

vyakhir

1,7933 gold badges17 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

El Yobo Over a year ago

+1, this is how it can be done. You should note that the new function will not be able to access the internal data (e.g. MyHandler.data).

Felix Kling Over a year ago

@El: Depends on how the function is called and the actual setup. There is not enough information to make such a statement. It looks like the function could easily access MyHandler.data because MyHandler appears to be global. Or if the function is called with MyHandler.function1(), the property can be accessed with this.data.

El Yobo Over a year ago

You're quite right; I glanced too quickly and thought it was the revealing module pattern.

Collectives™ on Stack Overflow

Overwrite object methods / functions

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related