Modify Existing JavaScript Class Method

Question

I have a plugin whose that has a class method i want to add on to. Since this is a WordPress plugin I can't really edit their code since future updates would break my changes.

How do I add this:

alert('bar');

to the edit method below:

var builder_blvd = {
    // Lots of stuff here
    edit : function ( name, page )  {
        alert('foo');
    }
    // Lots of other stuff here
};

The result should be 2 alert messages, one for 'foo' and another for 'bar'? Is this doable or do i have to make a new copy of the entire builder_blvd class?

zerkms · Accepted Answer · 2014-01-09 01:48:52Z

5

(function() {
    var original = builder_blvd.edit
    builder_blvd.edit = function(name, page) {
        original.call(builder_blvd, name, page);
        alert('bar');
    }
}());

builder_blvd.edit();

Demo: http://jsfiddle.net/xdrh5/

answered Jan 9, 2014 at 1:48

zerkms

256k73 gold badges447 silver badges551 bronze badges

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

Comments

Xavier J · Accepted Answer · 2014-01-09 01:53:09Z

1

The other posters have proposed some good solutions. But spyke01, you don't ever know if in the next version of the plugin, if the author might decide to do something as simple as this:

edit : function ( name, page )  {

gets changed to

edit : function ( page, name )  {

That said, all of these proposed solutions would break. You're really going to have to figure out how to manage change to others' code -- it might mean not changing it in the first place if you're not gonna be able to maintain it. Because otherwise, if you update the plug in later, you'll have to remember exactly what you did, examine code changes, and try to implement again.

Best of luck.

answered Jan 9, 2014 at 1:53

Xavier J

4,7911 gold badge16 silver badges29 bronze badges

1 Comment

spyke01 Over a year ago

Thanks, this is a great point and I will definitely keep it in mind.

Collectives™ on Stack Overflow

Modify Existing JavaScript Class Method

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related