Reference an imported module with string variable

Question

I have the following code snippet.

import {English as en} from 'languages/en.js'
import {Spanish as es} from 'languages/es.js'

console.log(this.lang) // es

I'm trying to call the corresponding imported module using the this.lang string. But not sure how I can call that module.

window[this.lang]

wouldn't work.

Any suggestions?

I tried this as well. But didn't work. ^ – user1012181 May 16 '19 at 20:34 — user1012181, May 16 '19 at 20:34

Jonas Wilms · Accepted Answer · 2019-05-16T20:36:44.240

0

Create an object and look up lang in that:

  const result = { es, en }[this.lang];

Working with the global scope (aka window) can get you into real trouble, thats why it is considered an antipattern (and all those ES 6 features, let, const, import enforce that by making "global variables" not leak to the global scope, therefore you can't access them on window).

edited May 16 '19 at 20:36

answered May 16 '19 at 20:35

Jonas Wilms

132,000
20
149
151

Any option to reference `{ es, en }` without typing it again? I mean something similar to `window` or `this` – user1012181 May 16 '19 at 20:36
This answer could work. Seems there isn't any other option. – user1012181 May 16 '19 at 20:38
@user1012181 oh well, use a building pipeline that only serves the language file needed to the client. – Jonas Wilms May 16 '19 at 20:39
I'm sorry, what's a building pipeline? – user1012181 May 16 '19 at 20:41
1

Programmers use tools that code for them :) (I admit that "building pipeline" was not quite adequate) I was basically thinking of https://webpack.js.org – Jonas Wilms May 16 '19 at 20:43

Reference an imported module with string variable

1 Answers1