Extending javascript object

Question

I already have this:

var myVar = { appName: 'Test' };

I want to add this:

myVar = {
         exec: function()
             {
                console.log('do stuff');  
             } 
         }

And have this:

   myVar = {
               appName: 'Test',
               exec: function()
               {
                 console.log('do stuff');  
               } 
           }

Actually, I want to be able to access myVar.appName and myVar.exec();

So, I can:

myVar.exec = function(){};

But if I have many more functions and variables.

Do I have to keep doing this:

myVar.func1 = function(){ // stuff 1 };
myVar.func2 = function(){ // stuff 2 };
myVar.func3 = function(){ // stuff 3 };

Are there a better way?

You realise javascript objects are essentially just maps that you can add any key/value pair you want to? — Dunes
– Dunes, Commented Mar 5, 2012 at 18:57

SLaks · Accepted Answer · 2012-03-05 18:54:06Z

2

myVar.exec = whatever;

answered Mar 5, 2012 at 18:54

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

Comments

Zoltan Toth · Accepted Answer · 2016-11-17 13:54:08Z

2

var myVar = { appName: 'Test' };
myVar.exec = function() {
    console.log('do stuff');  
}

edited Nov 17, 2016 at 13:54

answered Mar 5, 2012 at 18:54

Zoltan Toth

47.8k12 gold badges132 silver badges138 bronze badges

Comments

Zoltan Toth · Accepted Answer · 2016-11-17 13:54:18Z

2

Try this:

myVar.exec = function(){
    console.log('do stuff');  
}

edited Nov 17, 2016 at 13:54

Zoltan Toth

47.8k12 gold badges132 silver badges138 bronze badges

answered Mar 5, 2012 at 18:54

Chandu

83.2k19 gold badges136 silver badges136 bronze badges

Comments

Reid Rankin · Accepted Answer · 2016-11-17 14:28:22Z

0

You're looking for Object.assign()!

var myVar = { appName: 'Test' };
Object.assign(myVar, {
    exec: function(){
        console.log('do stuff');  
    }
    exec2: function(){
        console.log('do other stuff');  
    }
});

You can then access myVar.appName, myVar.exec, and myVar.exec2.

answered Nov 17, 2016 at 14:28

Reid Rankin

1,1589 silver badges26 bronze badges

3 Comments

morishi Over a year ago

Yes! That's great! Thank you!

Reid Rankin Over a year ago

I'm happy my solution helped! Would you consider marking it as the answer?

morishi Over a year ago

I didn't realize until you mentioned it. I just did. Thank you!

Zoltan Toth · Accepted Answer · 2016-11-17 13:54:57Z

0

All you need to do is set the object equal to a "var":

var myVar = {
    appName: 'Test',
    exec: function() {
        console.log('do stuff');  
    } 
}

edited Nov 17, 2016 at 13:54

Zoltan Toth

47.8k12 gold badges132 silver badges138 bronze badges

answered Mar 5, 2012 at 19:04

ron tornambe

10.8k8 gold badges38 silver badges61 bronze badges

Collectives™ on Stack Overflow

Extending javascript object

5 Answers 5

Comments

Comments

Comments

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

3 Comments

Comments

Related