Як зробити JavaScript-об'єкт за допомогою змінної String для визначення імені класу?

Ось що я намагаюся зробити - це псевдокод і не працює. Хтось знає, як це зробити по-справжньому:

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

Чи спрацювало б, якби ви зробили щось подібне:

var myObject = window[classNameString];

..?

Ось більш надійне рішення, яке буде працювати з функціями з простором імен:

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

Приклад:

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

ДО: вікно - це посилання на глобальний об'єкт у JavaScript браузера. Що також є this, і повинно працювати навіть у не браузерних середовищах, таких як Node.js, розширення Chrome, переведений код тощо

var obj = new this[classNameString]();

Обмеження полягає в тому, що клас, який викликається, повинен знаходитись у глобальному контексті. Якщо ви хочете застосувати те саме до класу з обсягом, вам потрібно зробити:

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

Однак насправді немає причин використовувати рядок. Функції JavaScript самі по собі є об'єктами, як і рядки, які також є об'єктами.

Редагувати

Ось кращий спосіб отримати глобальну сферу, яка працює в суворому режимі, а також не-браузерні середовища JS:

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

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

Від: Як отримати глобальний об’єкт у JavaScript?

Якщо MyClass глобальний, ви можете отримати доступ до нього як до властивості віконного об'єкта (за умови, що ваш код працює у браузері), використовуючи нотацію індексу.

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

Якщо ви classNameStringнадходите з безпечного джерела, ви можете використовувати його

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

Це рішення працює з просторами імен і не залежить від платформи (браузер / сервер).

Ось покращена версія методу Юрія, який також обробляє об'єкти.

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

У Firefox існують правила безпеки для розширень, а також для консолі Javascript. Не робіть помилки, які я зробив при тестуванні в консолі, оскільки жодне з цих рішень не працює. Тоді як при тестуванні зі сторінки це працює краще:

• рішення eval працює добре
• Функція ('повернути нове' ... працює (об'єкт створюється), за винятком аргументів конструктора, які передаються як "невизначені". Я не тестував інших рішень.

Французькою мовою: Sur Firefox надає вам додаткові допоміжні розширення та додає до консолі 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 розчин eval fonctionne bien
• Функція ('повернути нове' ... fonctionne (l'objet est créé) sauf que les paramètres du constructeur sont "undefined" Je n'ai pas testé les autres solutions.