javascript object.function call through variable

Question

I wanna call a function from an object in js

var elementId = event.target.id;
var controller = $('#' + elementId).data('controller') + 'Controller';
var action = $('#' + elementId).data('action');

this is my data

right call would look like this

FilterController.getCurrentFilter('hosts-button');

but how do i build it with my variables elementId / controller / action ?

my try

controller + '.' + action + '(' + elementId + ')';

don't work

thank you very much for help :)

`eval(controller + '.' + action + '(' + elementId + ')');`, but that is not recommended — ovi, Sep 15 '14 at 12:21
You're just building a String. You would need to `eval` it to see any action. However, from a security (and app design) point of view, that's generally a very bad idea. — joews, Sep 15 '14 at 12:21
eval( controller + '.' + action + '(' + elementId + ')' ) ; ??? — Mujah Maskey, Sep 15 '14 at 12:21
@epascarello so what do you propose me to do ? thank you for answer — Ilario Engler, Sep 15 '14 at 12:23

score 2 · Accepted Answer · answered Sep 15 '14 at 12:23

2

Bracket notation will work ass long as it is in window/global scope.

window[controller][action](elementId);

If it is not in window/gloabl scope, you will need an object that holds the first level. [In reality that is a better solution]

answered Sep 15 '14 at 12:23

epascarello

204,599
20
195
236

thanks it works! it is in window scope – Ilario Engler Sep 15 '14 at 12:25

javascript object.function call through variable

1 Answers1