How to turn a String into a JavaScript function call? [duplicate]

by

Seeing as I hate eval, and I am not alone:

var fn = window[settings.functionName];
if(typeof fn === 'function') {
    fn(t.parentNode.id);
}

Edit: In reply to @Mahan’s comment:
In this particular case, settings.functionName would be "clickedOnItem". This would, at runtime translate var fn = window[settings.functionName]; into var fn = window["clickedOnItem"], which would obtain a reference to function clickedOnItem (nodeId) {}. Once we have a reference to a function inside a variable, we can call this function by “calling the variable”, i.e. fn(t.parentNode.id), which equals clickedOnItem(t.parentNode.id), which was what the OP wanted.

More full example:

/* Somewhere: */
window.settings = {
  /* [..] Other settings */
  functionName: 'clickedOnItem'
  /* , [..] More settings */
};

/* Later */
function clickedOnItem (nodeId) {
  /* Some cool event handling code here */
}

/* Even later */
var fn = window[settings.functionName]; 
/* note that settings.functionName could also be written
   as window.settings.functionName. In this case, we use the fact that window
   is the implied scope of global variables. */
if(typeof fn === 'function') {
    fn(t.parentNode.id);
}

More Related Contents:

  1. var functionName = function() {} vs function functionName() {}
  2. I have returned two values but console displaying only one value.. what’s wrong with my code?
  3. What Code is this ??? {{phrase.addAdministrator}} [closed]
  4. Javascript rock paper scissors project
  5. I would like to ask how to explain this (javascript function)
  6. Define a global variable in a JavaScript function
  7. Pass an extra argument to a callback function
  8. Simplest/cleanest way to implement a singleton in JavaScript
  9. Passing an array as a function parameter in JavaScript
  10. JavaScript function aliasing doesn’t seem to work
  11. How to get the function name from within that function?
  12. How does this object method definition work without the “function” keyword?
  13. Is there currently anyway to concatenate two or more string literal types to a single string literal type in TypeScript right now?
  14. Dynamic function name in javascript?
  15. Adding custom properties to a function
  16. Proper use of const for defining functions
  17. Javascript Array of Functions
  18. how do I compare 2 functions in javascript
  19. Return value from nested function in Javascript [duplicate]
  20. jQuery call function from a string [duplicate]
  21. $http.get(…).success is not a function
  22. How can I use optional chaining with arrays and functions?
  23. How to sort numbers? [duplicate]
  24. Javascript – Precedence in hoisting
  25. Change onClick attribute with javascript
  26. Passing a local variable from one function to another
  27. Function not calling within an onclick event
  28. Anagrams finder in javascript
  29. Javascript function need allow numbers, dot and comma
  30. .indexOf function on an array not working in IE7/8 using JavaScript

Leave a Comment