Calling a JavaScript function named in a variable [duplicate]

by

I’d avoid eval.

To solve this problem, you should know these things about JavaScript.

  1. Functions are first-class objects, so they can be properties of an object (in which case they are called methods) or even elements of arrays.
  2. If you aren’t choosing the object a function belongs to, it belongs to the global scope. In the browser, that means you’re hanging it on the object named “window,” which is where globals live.
  3. Arrays and objects are intimately related. (Rumor is they might even be the result of incest!) You can often substitute using a dot . rather than square brackets [], or vice versa.

Your problem is a result of considering the dot manner of reference rather than the square bracket manner.

So, why not something like,

window["functionName"]();

That’s assuming your function lives in the global space. If you’ve namespaced, then:

myNameSpace["functionName"]();

Avoid eval, and avoid passing a string in to setTimeout and setInterval. I write a lot of JS, and I NEVER need eval. “Needing” eval comes from not knowing the language deeply enough. You need to learn about scoping, context, and syntax. If you’re ever stuck with an eval, just ask–you’ll learn quickly.

More Related Contents:

  1. How do JavaScript closures work?
  2. What is the scope of variables in JavaScript?
  3. Define a global variable in a JavaScript function
  4. JavaScript check if variable exists (is defined/initialized)
  5. JavaScript check if variable exists (is defined/initialized)
  6. Access variable outside function scope [duplicate]
  7. Use JavaScript variable as function name?
  8. Passing a local variable from one function to another
  9. Javascript: Get access to local variable or variable in closure by its name [duplicate]
  10. How would I make a Timer which times things in 0.75 seconds Javascript?
  11. Javascript return in Function
  12. What is the difference between a function call and function reference?
  13. JavaScript variable number of arguments to function
  14. Static variables in JavaScript
  15. How to check a not-defined variable in JavaScript
  16. How can I create an Asynchronous function in Javascript?
  17. Function in JavaScript that can be called only once
  18. Javascript “this” pointer within nested function
  19. Dynamic function name in javascript?
  20. Calling dynamic function with dynamic number of parameters [duplicate]
  21. What does variable declaration with multiple comma separated values mean (e.g. var a = b,c,d;)
  22. javascript pass object as reference
  23. how to access object property using variable [duplicate]
  24. How can I make a program wait for a variable change in javascript?
  25. What happens when JavaScript variable name and function name is the same?
  26. js function to get filename from url
  27. List of global user defined functions in JavaScript?
  28. Javascript function challenge add(1,2) and add(1)(2) both should return 3
  29. difference between parseInt() and parseFloat() [duplicate]
  30. javascript click event handler fires without clicking

Leave a Comment