Динамически выбирайте класс из строки - «MyClassName» -> MyClassName

Question

Я использую babel.js traspiler для написания кода ES6.

У меня есть строка, содержащая имя класса. Мне нужен класс, который я могу создать. Как?

Я пробовал:

eval("MyClassName") -> :(
window["MyClassName"] -> :(

Есть идеи?

Answer 1

Вы можете:

Поскольку с BabelJS вы должны transpile на модуль загрузчика ES5, было бы так просто, как (в зависимости от module format вы указали во время transpile):

const MyClassName = require("MyClassName"); 
const obj = new MyClassName(); 

Однако это не ES6, но пресечено ES5. Таким образом, ваш код не будет работать в реальных средах ES6.

В среде ES6 class просто синтаксический сахар для функции, так что нет никаких причин, вы не можете сделать:

// Class definition 
class MyClassName { } 
// Pollute global scope 
(global || window).MyClassName = MyClassName; 

И загрузить его следующим образом:

const instance = new (window || global)["MyClassName"](); 

Но при этом поэтому вы только что сломали основные функциональные модули, дайте вам в первую очередь.

Вы должны:

Создание фабрики класса. В большинстве случаев количество классов, которые вы можете создать, конечно. Вы должны создать фабричную функцию, которая дает вам экземпляр класса, основанный на шнурке:

import MyClassName from "./MyClassName" 
class MyFactory { 
    static getInstance(value) { 
     if(value === "MyClassName") { 
      return new MyClassName(); 
     } 
     throw new Error(`Could not instantiate ${value}`); 
    } 
} 

, который будет использоваться как:

import MyFactory from "./MyFactory"; 
const instance = MyFactory.getInstance("MyClassName"); 

Очевидно, что вы могли бы расширить, что использовать Map вместо строка if заявлений, но вы получите эту идею.