Use JavaScript variable as function name?

by

Like this:

actions[key + "Dialog"] = function () { ... };

However, since Javascript functions capture variables by reference, your code will not work as intended.
You need to define the inner function inside of a separate function so that each one gets a separate key variable (or parameter).

For example:

var actionNames = [ 'create', 'update' ];   //This creates an array with two items
var Dialog = { };    //This creates an empty object

for (var i = 0; i < actionNames.length; i++) {
    Dialog[actionNames[i]] = createAction(actionNames[i]);
}

function createAction(key) {
    return function() { ... };
}

You can use it like this:

Dialog.create(...);

EDIT

You are trying to pollute the global namespace with multiple dialog-related functions.
This is a bad idea; it’s better to organize your functions into namespace.

If you really want to polute the global namespace, you can do it like this:

var actionNames = [ 'create', 'update' ];   //This creates an array with two items

for (var i = 0; i < actionNames.length; i++) {
    this[actionNames[i] + 'Dialog'] = createAction(actionNames[i]);
}

This will create to global functions called createDialog and updateDialog.
In a normal function call, the this keyword refers to the global namespace (typically the window object).

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. Calling a JavaScript function named in a variable [duplicate]
  6. JavaScript check if variable exists (is defined/initialized)
  7. Access variable outside function scope [duplicate]
  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. What is the use of the JavaScript ‘bind’ method?
  11. How can I call PHP functions by JavaScript?
  12. Declaring variables without var keyword
  13. Are Variable Operators Possible?
  14. How can I create every combination possible for the contents of two arrays?
  15. How to swap two variables in JavaScript
  16. Calling javascript function in iframe
  17. Make function wait until element exists
  18. Javascript: Call a function after specific time period
  19. anchor jumping by using javascript
  20. Javascript variables in HTML attributes
  21. What is the JavaScript convention for no operation?
  22. ReferenceError: variable is not defined
  23. What does an exclamation mark before a variable mean in JavaScript
  24. return !1 in javascript
  25. How to find the least common multiple of a range of numbers?
  26. How to simplify a decimal into the smallest possible fraction?
  27. Lambda function syntax in JavaScript without curly braces
  28. What are the different ways of writing an IIFE? What are their use cases?
  29. How to get function body text in JavaScript? [duplicate]
  30. Why can’t I use a Javascript function before its definition inside a try block?

Leave a Comment