変数を使ってクラスを動的にインスタンス化する

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); 
    }, 

それだけで正常に動作します。それは私がしようとしているように動的にすることは可能ですか？機能MarioKartMenuは、グローバルスコープで定義されている場合

Answer 1

、あなたが使用して、その文字列名でアクセスすることができます

window["MarioKartMenu"] 

すべてのグローバル変数は、windowオブジェクトのプロパティであるので、これは動作します。上記の

、あなたが使用することによって、あなたが欲しいものを実装することができます：

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

Answer 2

私の最初の考えは、私は、これはエレガント未満ソリューションであることを理解ものの、JavaScriptののeval()演算子を使用することです。 （このようなSoemthing：var animationClass = eval("new "+build.effect+"(el, build)");私は正しいことがわからないが、前にこのようなeval()を使用していないので。アイマンの答えは、このアイデアのはるかに良いバリエーションです。

私の考えはMarioKartMenuが適切に抽象化されていないということです。だから、私は3番目のパラメータとしてエフェクト名をとり、switch()ステートメントを使ってすべての利用可能なエフェクトを選択し、正しいエフェクトをインスタンス化して返すシンプルなクラスを作成します。

Answer 3

ちょうどbuild.effectにコンストラクタ（ないその名を含む文字列）を割り当て、それが動作するはずです：

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

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