Utwórz dynamicznie klasę za pomocą zmiennej

Question

Jak utworzyć instancję klasy, wprowadzając nazwę zmiennej? Rozważmy tę metodę wewnątrz klasy:

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

budowy jest obiekt zawierający wiele rzeczy, ale przede wszystkim „Effect” . Ten efekt jest nazwą niezależnej klasy animacji - nazywa się "MarioKartMenu".

console.log (build.effect) wypisuje "MarioKartMenu". Ale oczywiście otrzymuję: TypeError: Wynik wyrażenia 'build.effect' [MarioKartMenu] nie jest konstruktorem.

Gdybym kosza dynamizm i po prostu zrobić kod jako takie:

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

To działa dobrze. Czy jest możliwe, aby był dynamiczny, tak jak próbuję to zrobić?

Answer 1

Jeśli funkcja MarioKartMenu jest zdefiniowane w zakresie globalnym, można uzyskać do niego dostęp za pomocą swojej nazwy strun:

window["MarioKartMenu"] 

To działa, ponieważ wszystkie zmienne globalne są właściwości obiektu window.

Biorąc powyższe pod uwagę, można zaimplementować, co chcesz za pomocą:

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

Answer 2

Moja pierwsza myśl jest użycie eval() operatora obsługa JavaScript, choć rozumiem, że jest to mniej niż eleganckie rozwiązanie. (Soemthing like this: var animationClass = eval("new "+build.effect+"(el, build)");, chociaż nie jestem pewien, czy to prawda, ponieważ wcześniej nie używałem tego.). Odpowiedź Aymana jest znacznie lepszą odmianą tego pomysłu.

Moja druga myśl jest taka, że ​​MarioKartMenu nie jest odpowiednio wyodrębniony. Stworzyłem więc wokół niej prostą klasę, która przyjmuje nazwę efektu jako trzeci parametr i używa instrukcji switch(), aby wybrać spośród wszystkich dostępnych efektów, utworzyć właściwy i zwrócić go.

Answer 3

Wystarczy przypisać konstruktora build.effect (nie łańcuch zawierający nazwę) i to powinno działać:

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

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