Javascript convert string to be called as function

Question

I have the following scenario where I need to call a function based on the data attributes of the html element.

function func1(arg1){
    alert("func1");
}

function func2(arg2){
    alert("func2");
}

jQuery(document).on('click', '.func-class', function(){
  var funcName = jQuery(this).data('func-name');
  var funcArg = jQuery(this).data('func-arg');      
  //Need to call funcName(funcArg) here
});

HTML:

<div data-func-name="func1" data-func-arg="arg1" class="func-class">Func1</div>
<div data-func-name="func2" data-func-arg="arg2" class="func-class">Func2</div>

JSFiddle of the same: http://jsfiddle.net/E4HeT/

Niet the Dark Absol · Accepted Answer · 2013-09-23 09:10:17Z

4

If those functions are defined in ths global scope, you can do this:

window[funcName](funcArg);

Otherwise, I would suggest putting them in an object like so:

var functions = {
    "func1":func1,
    "func2":func2
};
functions[funcName](funcArg);

This second one is actually safer, as it helps prevent arbitrary code execution.

answered Sep 23, 2013 at 9:10

Niet the Dark Absol

326k85 gold badges478 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hilmi · Accepted Answer · 2013-09-23 09:13:58Z

0

you can do like the following this

window[funcName](funcArg)

but you will have to get the reference of the function by setting it in a object for example (like what i did in the window object) because its private in the jQuery.ready function

answered Sep 23, 2013 at 9:13

Hilmi

3,4416 gold badges30 silver badges56 bronze badges

Comments

theLibertine · Accepted Answer · 2013-09-23 09:56:53Z

0

$('.func-class').click(function(){

    var toCallArg = $(this).data('func-arg');        
    var toCall = function(toCallArg){            
        //your code
    };
    toCall(toCallArg);
});

answered Sep 23, 2013 at 9:56

theLibertine

1757 bronze badges

Collectives™ on Stack Overflow

Javascript convert string to be called as function

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related