Динамическое создание класса с помощью переменной

Question

Как я могу создать экземпляр класса, указав имя переменной? Рассмотрим этот метод внутри класса:

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

Сложение является объект, содержащий много вещей, но самое главное, «следствием» . Этот эффект является именем независимого класса анимации - один называется «MarioKartMenu».

console.log (build.effect) печатает «MarioKartMenu». Но, конечно, я получаю: TypeError: Результат выражения 'build.effect' [MarioKartMenu] не является конструктором.

Если я мусор динамизм и просто сделать код как таковой:

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

Он работает просто отлично. Можно ли сделать его динамичным, как я пытаюсь сделать?

Answer 1

Если функция MarioKartMenu определена в глобальном масштабе, вы можете получить доступ к нему по имени строки с помощью:

window["MarioKartMenu"] 

Это работает, потому что все глобальные переменные свойства window объекта.

Учитывая вышесказанное, вы можете осуществить то, что вы хотите с помощью:

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

Answer 2

Моя первая мысль заключается в использовании eval() оператора в JavaScript, хотя я понимаю, что это меньше, чем элегантное решение. (Soemthing вот так: var animationClass = eval("new "+build.effect+"(el, build)");, хотя я не уверен, что это правильно, поскольку я не использовал eval(), как это раньше.). Ответ Аймана - намного лучшая вариация этой идеи.

Моей второй мыслью является то, что MarioKartMenu не является соответствующим образом абстрагированным. Поэтому я бы построил вокруг него простой класс, который использует название эффекта в качестве третьего параметра и использует оператор switch() для выбора среди всех доступных эффектов, создает правильную версию и возвращает ее.

Answer 3

Просто назначить конструктор для build.effect (а не строка, содержащая его имя), и это должно работать:

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

b = ...; 
b.effect = MarioKartMenu; 
animate(e, b);