Javascript class from string variable name

Question

I have a class name and want to use it to create a class instance dynamically. How can I do that?

class FieldText {
  constructor() {
    console.log('hello text field');
  }
}

class FieldTextarea {
  constructor() {
    console.log('hello textarea field');
  }
}

function callField(name) {
  new FieldText(); // Somehow use name variable instead to make it dynamic
  // new Field${name}(); // Does not work
}

callField('text');

Put the classes in an object and refer to that? `globalThis.FieldTextarea = FieldTextarea` which allows `globalThis['FieldTextarea']` — evolutionxbox, Jun 09 '21 at 12:03
`const elements = { Text: fieldText; Textarea: FieldTextarea };` and then you can do `new elements[name]` — epascarello, Jun 09 '21 at 12:05
Does this help? https://stackoverflow.com/a/49060784/14032355 — ikhvjs, Jun 09 '21 at 12:06

score -1 · Answer 1 · answered Jun 09 '21 at 12:09

class FieldText {
  constructor() {
    console.log('hello text field');
  }
}

class FieldTextarea {
  constructor() {
    console.log('hello textarea field');
  }
}

this.FieldText = FieldText;
this.FieldTextarea = FieldTextarea;

function callField(name) {
  return new this[`Field${name}`];
}

callField('Text');

Javascript class from string variable name

1 Answers1