Wie erstelle ich ein JavaScript-Objekt mit einer Variablen String, um den Klassennamen zu definieren?

Folgendes versuche ich zu tun - dies ist Pseudocode und funktioniert nicht. Weiß jemand, wie man das wirklich erreicht:

// Define the class
MyClass = Class.extend({});

// Store the class name in a string
var classNameString = 'MyClass';

// Instantiate the object using the class name string
var myObject = new classNameString();

Würde es funktionieren, wenn Sie so etwas tun würden:

var myObject = window[classNameString];

..?

Hier ist eine robustere Lösung, die mit Funktionen mit Namespace funktioniert:

var stringToFunction = function(str) {
  var arr = str.split(".");

  var fn = (window || this);
  for (var i = 0, len = arr.length; i < len; i++) {
    fn = fn[arr[i]];
  }

  if (typeof fn !== "function") {
    throw new Error("function not found");
  }

  return  fn;
};

Beispiel:

my = {};
my.namespaced = {};
(my.namespaced.MyClass = function() {
  console.log("constructed");
}).prototype = {
  do: function() {
    console.log("doing");
  }
};

var MyClass = stringToFunction("my.namespaced.MyClass");
var instance = new MyClass();
instance.do();

Übrigens: Fenster ist der Verweis auf das globale Objekt in Browser-JavaScript. Das ist auch thisund sollte auch in Nicht-Browser-Umgebungen wie Node.js, Chrome-Erweiterungen, transpiliertem Code usw. funktionieren.

var obj = new this[classNameString]();

Die Einschränkung besteht darin, dass sich die aufgerufene Klasse im globalen Kontext befinden muss. Wenn Sie dasselbe auf eine Klasse mit Gültigkeitsbereich anwenden möchten, müssen Sie Folgendes tun:

var obj = (Function('return new ' + classNameString))()

Es gibt jedoch wirklich keinen Grund, eine Zeichenfolge zu verwenden. JavaScript-Funktionen sind selbst Objekte, genau wie Zeichenfolgen, die auch Objekte sind.

Bearbeiten

Hier ist ein besserer Weg, um den globalen Bereich zu erhalten, der sowohl im strengen Modus als auch in JS-Umgebungen ohne Browser funktioniert:

var global;
try {
  global = Function('return this')() || (42, eval)('this');
} catch(e) {
  global = window;
}

// and then
var obj = new global[classNameString]

Von: Wie erhalte ich das globale Objekt in JavaScript?

Wenn MyClass global ist, können Sie als Eigenschaft eines Fensterobjekts (vorausgesetzt, Ihr Code wird in einem Browser ausgeführt) unter Verwendung der tiefgestellten Notation darauf zugreifen.

var myObject = new window["MyClass"]();

Wenn Sie classNameStringaus einer sicheren Quelle stammen, können Sie diese verwenden

var classNameString = 'MyClass';
var myObject = eval("new " + classNameString + "()");

Diese Lösung funktioniert mit Namespaces und ist plattformunabhängig (Browser / Server).

Hier ist eine verbesserte Version von Yuriys Methode, die auch Objekte behandelt.

var stringToObject = function(str, type) {
    type = type || "object";  // can pass "function"
    var arr = str.split(".");

    var fn = (window || this);
    for (var i = 0, len = arr.length; i < len; i++) {
        fn = fn[arr[i]];
    }
    if (typeof fn !== type) {
        throw new Error(type +" not found: " + str);
    }

    return  fn;
};

function myClass(arg){
}

var str="myClass";
dynamic_class=eval(str);

var instance=new dynamic_class(arg); // OK

In Firefox gibt es Sicherheitsregeln für Erweiterungen und damit für die Javascript-Konsole. Machen Sie nicht den Fehler, den ich beim Testen in der Konsole gemacht habe, da keine dieser Lösungen funktioniert. Wenn Sie von einer Seite aus testen, funktioniert dies besser:

• Die Eval-Lösung funktioniert gut
• Funktion ('return new' ... funktioniert (Objekt wird erstellt) mit Ausnahme der Argumente des Konstruktors, die als "undefiniert" übergeben werden. Ich habe keine anderen Lösungen getestet.

Auf Französisch: Sur Firefox il ya des règles de sécurité qui s'appliquent aux extensions und donc à la console Javascript. Ne faites pas l'erreur que j'ai faite de tester depuis la console car aucune de ces solutions ne marchent. Par contre quand on teste depuis une page cela fonctionne mieux:

• la Lösung eval fonctionne bien
• Funktion ('return new' ... fonctionne (l'objet est créé) sauf que les paramètres du constructeur sont "undefined" Je n'ai pas testé les autres solutions.