Comment créer un objet JavaScript en utilisant une variable String pour définir le nom de la classe ?

Question

Voici ce que j'essaie de faire - c'est du pseudo-code et ça ne marche pas. Quelqu'un sait-il comment réaliser cela pour de vrai ?

// 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();

Answer 1

Est-ce que ça marcherait si vous faisiez quelque chose comme ça :

var myObject = window[classNameString];

.. ?

Answer 2

Voici une solution plus robuste qui fonctionnera avec les fonctions à espacement de noms :

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

Exemple :

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();

Answer 3

BTW : window est la référence à l'objet global dans le navigateur JavaScript. Qui est aussi this et devrait fonctionner même dans des environnements autres que les navigateurs, tels que Node.js, les extensions Chrome, le code transposé, etc.

var obj = new this[classNameString]();

La limitation est que la classe appelée doit être dans le contexte global. Si vous voulez appliquer la même chose à une classe scopée, vous devez le faire :

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

Cependant, il n'y a pas vraiment de raison d'utiliser une chaîne de caractères. Les fonctions JavaScript sont elles-mêmes des objets, tout comme les chaînes de caractères qui sont également des objets.

Modifier

Voici une meilleure façon d'obtenir la portée globale qui fonctionne en mode strict ainsi que dans les environnements JS sans navigateur :

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

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

De : Comment obtenir l'objet global en JavaScript ?

Answer 4

Si MyClass est global, vous pouvez y accéder en tant que propriété de l'objet fenêtre (en supposant que votre code s'exécute dans un navigateur) en utilisant la notation de l'indice.

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

Answer 5

Voici une version améliorée de la méthode de Yuriy qui traite également les objets.

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