Using string interpolation for function call

Question

Is there a way to call the following function using ES6 syntax:

let type = 'Line'
new Chartkick.${ type }Chart(el, this.data)

with the hopes of generating:

new Chartkick.LineChart(el, this.data)

I don't think so, however you can use this syntax: let type = 'LineChart'; and then new Chartkick[type](el, this.data); this is not an es6 specific syntax however — Varinder
– Varinder, Commented Feb 22, 2018 at 20:16

Bergi · Accepted Answer · 2018-02-22 20:15:56Z

3

No, you don't need any string interpolation for this. It's just standard dynamic property access with bracket notation:

new Chartkick[type+"Chart"](el, this.data);

Of course you could use an ES6 template literal instead of the string concatenation, but I don't think it boosts readability a lot:

new Chartkick[`${ type }Chart`](el, this.data);

answered Feb 22, 2018 at 20:15

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

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

1 Answer 1