How to override a function in another javascript file?

Question

I have a JavaScript file, Mybasefile.js, which has the function Mybasefunction(). I want to override this function in another JavaScript file. When the function is called in a button click, I want the original Mybasefunction() to be executed along with some other code. How can I do this?

Horia Dragomir · Accepted Answer · 2011-01-27 11:20:45Z

20

place this code in the override file. Make sure the override file is included after the orginal one.

var orig_Mybasefunction = window.Mybasefunction;
window.Mybasefunction = function(){
    orig_Mybasefunction();
    ...
}

edited Jan 27, 2011 at 11:20

answered Jan 27, 2011 at 9:30

Horia Dragomir

2,87624 silver badges21 bronze badges

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

3 Comments

user447356 Over a year ago

+1 this should work - @Jis see the edit, it should fix the problem.

Martijn Over a year ago

You might want to hide the orig_Mybasefunction variable by wrapping this code in an anonymous function: (function () { var orig_ ... }()); That way, you won't clobber the global namespace, and you'll be able to use the name orig_Mybasefunction elsewhere without disturbing this code.

Horia Dragomir Over a year ago

I know, I know -- but let's get the basics down first.

Collectives™ on Stack Overflow

How to override a function in another javascript file?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related