Map a string with a function on Typescript

Question

Is it possible to map a string to a function using TS. For example :

this.keyBinding = new Map<string, Function>();
    this.keyBinding
        .set('Backspace', this.handleBackspace)
        .set('Delete', this.handleDelete)

I tried to execute it using:

this.keyBinding.get('Backspace');

but nothing happens.

adiga · Accepted Answer · 2021-04-04 05:48:41Z

2

The .get will return a function, so if you want to run the function, you must invoke it:

this.keyBinding.get('Backspace')();

If the string being passed in may not exist in the Map, check that it exists first:

const fn = this.keyBinding.get('Backspace');
if (fn) fn();

If the handleBackspace and handleDelete methods depend on having a this context, then you'll need to account for that as well:

this.keyBinding
        .set('Backspace', () => this.handleBackspace())
        .set('Delete', () => this.handleDelete());

edited Apr 4, 2021 at 5:48

adiga

35.4k9 gold badges65 silver badges88 bronze badges

answered Apr 4, 2021 at 5:14

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

Collectives™ on Stack Overflow

Map a string with a function on Typescript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related