Javascript object function with options

Question

I am trying to create a function with options. I believe I have to use objects but have failed so far. By options I mean something like that:

insertButton({
    settings:{
        value1:'Some text'      
    }
});

function insertButton(settings){
    settings = new Object();    
    document.write(settings.value1);
}

Obviously, that won't work but I am trying to show what I mean. Maybe someone could help.

I am asking because right now I have simple function where I can pass values with strict order. With options I want to be undependable of variables order in function. For example:

function insertButton2(value1,value2,value3){
    document.write(value1);
    document.write(value2);
    document.write(value3);   
}

insertButton2('a','','c');  //empty commas to skip value2

Leaving empty commas to make sure 'c' is value3 is not convenient for me. That is why I would like to try objects, options.

Zirak · Accepted Answer · 2011-11-04 12:28:57Z

9

You just pass into the function an object with the required keys/values:

function parameterify(params) {
    console.log(params.isAwesome);
}

parameterify({
    isAwesome : true
});
//logs true

You had two mistaknes:

There are no names parameters in js, so {settings:{}} would pass an object with a key of settings (so that inside of the functions, you'd have to do settings.settings)
You redeclared settings at the top of the function (settings = new Object();), which no matter what you pass in will always overwrite it. As a side note, new Object is iffy - object literal {} is way cooler

answered Nov 4, 2011 at 12:28

Zirak

40k13 gold badges85 silver badges92 bronze badges

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

4 Comments

Zirak Over a year ago

@Alex Yep, that simple! Isn't javascript awesome?

devjs11 Over a year ago

It is! I am glad I was on correct path. Thank you for shooting out solution so quick. Thank you all guys, I see all replies more or less of the same work around. @Zirak, a quick question if you dont mind. Is there any common way to conver object to string?

Zirak Over a year ago

@Alex There's always obj.toString(), but I'll guess that's not what you want to do. For plain ol' objects, you can simply loop over every key and add call toString on it. Of course, it'll have to be recursive, since you'll have to do it for every object you find.

devjs11 Over a year ago

Thank you! I see what you mean.

JaredMcAteer · Accepted Answer · 2011-11-04 12:30:10Z

2

Well you're overwriting settings to a blank Object in the first line of your function, take that out and it will work...

Edit: Sorry early remove the settings object from the arguments should just be

insertButton({
       value1:'Some text'      
});

edited Nov 4, 2011 at 12:30

answered Nov 4, 2011 at 12:20

JaredMcAteer

22.7k5 gold badges52 silver badges68 bronze badges

3 Comments

devjs11 Over a year ago

if i remove the line how you say then it still returns undefined.

JaredMcAteer Over a year ago

You changed your question... hold on.

devjs11 Over a year ago

My second example is just to help to explain what I want to achive. Sorry if that is confusing.

Jan Turoň · Accepted Answer · 2011-11-04 12:31:15Z

2

Try this

function insertButton(settings){
    document.write(settings.value1);
}

insertButton({
    value1:'Some text'      
});

answered Nov 4, 2011 at 12:31

Jan Turoň

33.1k24 gold badges139 silver badges179 bronze badges

Collectives™ on Stack Overflow

Javascript object function with options

3 Answers 3

4 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related