How to assemble function name in javascript?

Question

this is an example function:

function processFanGrowth() {
    console.log('fanGrowth');
}

and an object "data" which has a property name "FanGrowth"

for(var property in data) {
      // here i'm trying to generate the function name.
      funcName = "process" + property;
      funcName();
}

i'm getting this error: Uncaught TypeError: string is not a function

when you apply "process" you are converting whatever property might be to a string — Pogrindis, Jul 14 '14 at 11:13
@Pogrindis: `property` is already a string. That's the point. — Lightness Races in Orbit, Jul 14 '14 at 11:16
Refer this [previously answered](http://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string)| — user3836641, Jul 14 '14 at 11:18

score 5 · Accepted Answer · answered Jul 14 '14 at 11:13

5

You can invoke the function as a property of the object whose scope it is defined in, e.g. for a function defined in global scope:

window['process' + property]();

answered Jul 14 '14 at 11:13

Lightness Races in Orbit

369,052
73
620
1,021

ty this worked perfectly, can accept the answer only after 9 mins. is this method of function calling not recommended or bad practice by any means? – tareq Jul 14 '14 at 11:19
@tareq: It's not too bad, though you have to be careful that `property` never comes from user input. I'd prefer storing references to functions (as opposed to function names) where possible. – Lightness Races in Orbit Jul 14 '14 at 11:20
yes in my case "property" never comes from the user input, as for storing references to functions; is there any helpful sources to help me understand this a bit more? ty again. – tareq Jul 14 '14 at 11:24
@tareq: Well, which book are you using? It should teach you that sort of thing. – Lightness Races in Orbit Jul 14 '14 at 11:25
actually i'm not using any books, i'm learning by doing coding and reading reddit and some articles whenever i can. – tareq Jul 14 '14 at 11:27
1

@tareq: Get a good, peer-reviewed book. – Lightness Races in Orbit Jul 14 '14 at 11:28

score 0 · Answer 2 · answered Jul 14 '14 at 11:21

0

This syntax should work:

window["functionName"](arguments);

In your case:

for(var property in data) {
      // here i'm trying to generate the function name.
      funcName = "process" + property;
      window["functionName"]();
}

answered Jul 14 '14 at 11:21

Husman

6,579
7
28
46

How to assemble function name in javascript?

2 Answers2