Use JavaScript string as function name?

Question

I need to call a function in the following fashion:

var f = 'fadeOut';
$(v).f(s, function(){
    $(v).css('visibility', 'hidden').css('position', 'absolute');
});

Is this possible to do simply?

Please have a look at the following link stackoverflow.com/questions/3619046/…. It's not the same question exactly, but I feel it may prove useful. — Chetter Hummin
– Chetter Hummin, Commented Apr 6, 2012 at 5:01
possible duplicate of How do I call a JavaScript function name using a string? , Call a function in JavaScript by its name? , etc. — user166390
– user166390, Commented Apr 6, 2012 at 5:27

Quintin Robinson · Accepted Answer · 2012-04-06 04:59:28Z

8

Yes

var f = 'fadeOut';
$(v)[f](s, function(){
    $(v).css('visibility', 'hidden').css('position', 'absolute');
});

answered Apr 6, 2012 at 4:59

Quintin Robinson

82.6k14 gold badges128 silver badges132 bronze badges

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

2 Comments

Boris S Over a year ago

Any property of an object can be accessed with dot-syntax or square brackets. The latter though the only way to use if the property contains spaces or other disallowed characters

Quintin Robinson Over a year ago

@BorisShemigon You are correct, however you cannot access a property with dot syntax via a string variable, in that case you must use brackets or utilize eval which I do not recommend.

Collectives™ on Stack Overflow

Use JavaScript string as function name?

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related