How to instantiate class dynamically

Question

I have an array with names of constructors var arr = ['Class1', 'Class2', 'Class3'].

function Class1() {
     this.name = 'class1';
}

Is it possible to dynamically create instances of these classes? I mean something like

var class1Object = new arr[0]();

I tried that but it isn't working (Uncaught TypeError: string is not a function).

score 2 · Answer 1 · answered Apr 22 '14 at 13:01

2

functions defined in "global" scope are actually created on the window object, so you can do this (as long as the code is in the head of the page, and not scoped to something specific):

function Class1(){
    this.name = 'class1';
}

var className = "Class1";
var c1 = new window[className]();

Live example: http://jsfiddle.net/vdf4W/

answered Apr 22 '14 at 13:01

Jamiec

133,658
13
134
193

If it's a real class `class Class1 { ... }` as is possible since ES6, this doesn't seem to work... – TheStoryCoder Oct 06 '20 at 08:39

score 0 · Answer 2 · edited May 23 '17 at 12:05

0

Previously answered in this post (Google: Dynamic Instantiation In JavaScript)

Dynamic Instantiation In JavaScript

edited May 23 '17 at 12:05

Community

1
1

answered Apr 22 '14 at 13:17

Jeff

1

This could be just a comment. – Neeku Apr 22 '14 at 13:36

How to instantiate class dynamically

2 Answers2