Search code examples
javascriptmootools

Instantiate a Class dynamically via variable

How can I instantiate a class by throwing in a variable name? Consider this method inside a class: 

animate: function(el, build) { 
        console.log(build.effect); 
        var animationClass = new build.effect(el,build); 
},

Build is an object containing lots of stuff, but most importantly an "effect". This effect is the name of an independent animation class-- one is called "MarioKartMenu".

console.log(build.effect) prints out "MarioKartMenu". But of course I get: TypeError: Result of expression 'build.effect' [MarioKartMenu] is not a constructor.

If I trash the dynamism and just make the code as such:

animate: function(el, build) {
        var animationClass = new MarioKartMenu(el,build);
    },

It works just fine. Is it possible to make it dynamic like I'm attempting to do?

Solution

  • If the function MarioKartMenu is defined in the global scope, you can access it by its string name using:

    window["MarioKartMenu"]

    This works because all global variables are properties of the window object.

    Given the above, you can implement what you want by using:

    var menuConstructor = window[build.effect];
var animationClass = new menuConstructor(el, build);