Dynamically triggering a jQuery function using a variable [duplicate]

Question

In PHP it is possible to chain a method dynamically using a variable. For example:

$foo = 'myFunction';
return $this->{$foo};

I was wondering if a similar possibility exists in jQuery and/or Javascript. So for example:

$('body').on('keyup', '[function-attribute=myFunction]', function(){
    var foo = $(this).attr('function-attribute');

    return {foo}();
});

I understand the code above does not work but just hopefully gives an impression of what I'm trying to achieve.

Rory McCrossan · Accepted Answer · 2019-08-13 13:55:25Z

1

If the function is declared globally then you can access it via the window using bracket notation:

$('body').on('keyup', '[function-attribute=myFunction]', function(){
  var foo = $(this).attr('function-attribute');
  return window[foo]();
});

answered Aug 13, 2019 at 13:55

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

1 Comment

Yep that's exactly what I was looking for thank you! I'll accept the answer as soon as I"m allowed (10 minutes)