call javascript object method with a variable

Question

i am new to object oriented javascript. I have a variable whose value i would like to use to call an object’s method. like this..

var foo = {
    bar: function() {},
    barr: function() {}
}

now there is a variable whose value can be any of the two method’s names bar and barr
i want to call them with something like

var myvar="bar";
foo.{myVar}();

pixelfreak · Accepted Answer · 2011-07-18T18:54:50

So I assume you want to call the appropriate function dynamically based on a string. You can do something like this:

var myVar="bar";
foo[myVar]();

Or you can also use eval but this is riskier (prone to injection attack) and slower (don’t do this! :P):

var myVar="bar";
eval('foo.' + myVar + '()');

yan · Answer 2 · 2011-07-18T18:55:03

Since you can access elements of an object via subscript notation, the following will do what you’re looking for:

var myVar="bar";
foo[myVar]();

Justin Ethier · Answer 3 · 2011-07-18T18:55:16

You can just say:

foo[myVar]();

Since foo is a JavaScript object, this code will reference the member by name contained in the myVar variable.

wanovak · Answer 4 · 2011-07-18T18:56:12

var foo = {
    bar: function() { alert('bar'); },
    barr: function() { alert('barr'); }
}


var myvar="bar";
foo[myvar](); // alert 'bar'

Mrchief · Answer 5 · 2011-07-18T18:55:19

Use something like: foo[myVar]();

John Hartsock · Answer 6 · 2011-07-18T18:55:48

it should be something like this

foo[myvar]();

Similar Posts