How to merge two functions in JavaScript / jQuery?

Question

I have the following:

var firstFunc = function (settings){
    alert('sup');
};

var secondFunc = function (settings){
    alert('dude');
};

$.extend(firstFunc, secondFunc);

firstFunc();

I'm trying to get the last firstFunc() to return sup, then dude.

Context

The reason for this is I have an inheritance pattern implemented where the base object has some functionality overridden if defined by the deriving object:

   if (child.close){
      base.close = child.close;    
    }

   base.close = function() {
      // do stuff    
    }

The issue is, I always need the base object to "do stuff", I want to append the functionality of child.close to base.close. How can I achieve this?

Fiddle: http://jsfiddle.net/jEjxZ/1/

This function concatenates only objects, not functions.

Marcelo Aymone
– Marcelo Aymone

2014-04-03 18:02:46 +00:00
Commented Apr 3, 2014 at 18:02 — Marcelo Aymone
– Marcelo Aymone, Commented Apr 3, 2014 at 18:02
stackoverflow.com/questions/15251030/…

Alex
– Alex

2014-04-03 18:23:42 +00:00
Commented Apr 3, 2014 at 18:23 — Alex
– Alex, Commented Apr 3, 2014 at 18:23

dfsq · Accepted Answer · 2014-04-03 18:10:12Z

0

Hard to answer without knowing the exact inheritance implementation, but something like this might help you:

// reference to child instance
var self = this;

// overwrite close method
this.close = (function() { 
    var baseClose = self.close;
    return function() {
        baseClose.call(self);
        alert('child close');
    };
})();

And later:

base.close();   // alert('base close');
child.close();  // alert('base close'); -> alert('child close');

The idea to create a wrapper method.

Demo: http://jsfiddle.net/jEjxZ/3/

answered Apr 3, 2014 at 18:10

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

Comments

gen_Eric · Accepted Answer · 2014-04-03 18:00:50Z

0

$.extend is used for objects, not functions. Why not just make a 3rd function that calls the first two?

function bothFuncs(){
    firstFunc();
    secondFunc();
}

answered Apr 3, 2014 at 18:00

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Collectives™ on Stack Overflow

How to merge two functions in JavaScript / jQuery?

2 Answers 2

Demo: http://jsfiddle.net/jEjxZ/3/

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Demo: http://jsfiddle.net/jEjxZ/3/

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related