how does jquery extend() with multiple objects work?

Question

I am trying to modify a plugin and am pulling my hair out trying to understand how extend() is working...

If I have this:

$.extend( plugin.ext.oStdClasses, {
      "some":"one"
       },
$.extend( plugin.ext.oStdClasses, plugin.ext.xtraClasses, {
      "some":"two"
       }

can someone explain to me what is happening?

Also I want to extend this with my own logic like so:

$.extend( plugin.ext.xtraClasses, plugin.ext.moreClasses, {
      "some":"thing",
      "else":"too"
       }

However this seems to give me back an empty object. Is it possible to extend the standard classes with the xtra classes with the more classes and overwrite the previous classes?

Thanks for some pointers

komelgman · Accepted Answer · 2012-02-22 22:08:47Z

2

$.extend extending first passed argumnet.

for example:

var first = {first: true};
var second = {second: true}

$.extend(first, second);

console.log(first); // output {first: true, second: true}
console.log(second); // output {second: true}

var third = $.extend({}, first, second, {third: true});
console.log(third); // output {first: true, second: true, third: true}

answered Feb 22, 2012 at 22:08

komelgman

7,0292 gold badges20 silver badges20 bronze badges

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

3 Comments

frequent Over a year ago

what happens if I omit the {} in var third?

komelgman Over a year ago

the same as in the first case(first object extended too)

frequent Over a year ago

that's where my pulled out here is... ;-)

Aaron Powell · Accepted Answer · 2012-02-22 22:06:18Z

1

If you refer to the docs it states that the first argument for extend will be the object modified, so you're best doing something like this:

var opts = {};
$.extend(opts, plugin.ext.xtraClasses, plugin.ext.moreClasses, { 
   some: "thing",
   else: "too"
});
console.log(opts);

answered Feb 22, 2012 at 22:06

Aaron Powell

25.1k18 gold badges102 silver badges151 bronze badges

1 Comment

frequent Over a year ago

so opts would be my basic classes to which xtra and more will be added?

Collectives™ on Stack Overflow

how does jquery extend() with multiple objects work?

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related