Question

Is it possible to have lets say, a link where I have it look like

<a href="something/" class="something" data-callback="thisFunction">
<a href="something/" class="something" data-callback="thatFunction">
<a href="something/" class="something" data-callback="anotherFunction">
<a href="something/" class="something" data-callback="">

<script>
     $('.something').click(function(e)
     {
        e.preventDefault();
        var cb = $(this).data('callback');
        if(cb !== undefined && cb !== null && cb !== '')
        {
           //somehow use cb as a means to call another function
           //similar in effect to calling "thatFunction();"
        }
     });
    function thisFunction()
    {
       //code
    }
    function thatFunction()
    {
       //code
    }
    function anotherFunction()
    {
       //code
    }
</script>

If it is possible, how would I achieve making it work, and what is the actual reference for that type of call like what is the method called for doing that so in the future if I forget hopefully I’ll I remember what the method is called and I can just look that up.

Answer 1

You can use the following:

window[cb]();

Or to be on the safe side:

typeof window[cb] === "function" && window[cb]();