How to achieve JavaScript Object inheritance?

Question

I want create a new JavaScript object based on an existing JavaScript object.
Till now my research led me to jQuery extend function.

example:

var object1 = {
    name:'same name',
    age:'1',
    occupation:'programmer'
}
var object2 = {
    name:'same new name'
}

Now, when I call:

$.extend({},object1,object2);

it works perfectly, my problem is when I have object member within the object!

var object1 = {
    name:'same name',
    age:19,
    occupation:'programmer',
    parent:{
        name:'parent name',
        age:35
    }
}
var object2 = {
    name:'same new name',
    parent:{
        age:40
    }
}

Now, when I call

$.extend({},object1,object2);

object1.parent is:

{
    age:40
}

I want it to be:

{
    name:'same new name',
    age:40
}

Is there a way to achieve this?

Btw, your solution has nothing to do with inheritance, it's simply copying properties. — Felix Kling
– Felix Kling, Commented May 21, 2012 at 14:58

Joseph · Accepted Answer · 2012-05-21 14:50:11Z

5

use deep parameter for jQuer.extend() method, your code should be:

$.extend(true,{},object1,object2)

edited May 21, 2012 at 14:50

Joseph

120k31 gold badges186 silver badges238 bronze badges

answered May 21, 2012 at 14:49

ilyes kooli

12.1k14 gold badges55 silver badges81 bronze badges

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

Comments

Samuel Rossille · Accepted Answer · 2012-05-21 14:51:01Z

1

What you have to do is to perform a deep extend

$.extend(true, {},object1,object2);

answered May 21, 2012 at 14:51

Samuel Rossille

20.1k18 gold badges66 silver badges92 bronze badges

Comments

Matt Wonlaw · Accepted Answer · 2012-05-31 16:35:08Z

1

You can force $.extend to do a deep copy like so:

$.extend(true, {},object1,object2);

although $.extend doesn't create an inheritance hierarchy so much as it just copies properties.

edited May 31, 2012 at 16:35

answered May 21, 2012 at 14:53

Matt Wonlaw

12.5k7 gold badges45 silver badges44 bronze badges

Collectives™ on Stack Overflow

How to achieve JavaScript Object inheritance?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related