Generically create object in Javascript from a string class name

Question

Is it possible to create an object in Javascript generically from a string class name similar to Java? Maybe some type of Factory?

I want a database to hold a list of class names. Each class name will be associated with a user friendly name. These user friendly names would populate a menu. When a user selects a menu item, the respective class name will be retrieved and the class (object) created. I currently do something similar in Java.

For example, instead of

var obj = new demo.view.CustomObject({});

I would like something like this

var obj = Factory.create('demo.view.CustomObject', params);

Thank you

Arash Milani · Accepted Answer · 2017-01-13 03:18:07Z

1

What you are looking for is using bracket notation to access object properties using a string. Here I have created a factory method that splits the string by dot. Then using array reduce I get into the constructor function and finally create the object.

function construct(constructorPath, params) {
  var constructorFunc = constructorPath.split('.')
    .reduce((prev, next) => prev[next], window)
  return new constructorFunc(params)
}

// Usage:
var obj = construct('demo.view.CustomObject', someParams)

answered Jan 13, 2017 at 3:18

Arash Milani

6,3282 gold badges46 silver badges50 bronze badges

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

1 Comment

Terry Over a year ago

Awesome. Nicely done. Fits the bill perfectly. Thank you.

Collectives™ on Stack Overflow

Generically create object in Javascript from a string class name

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related