Ako môžeme dynamicky vytvárať triedy počas behu…

Triedy v JavaScripte, ktoré predstavujú syntaktický cukor nad prototypovým dedičstvom, nemôžu byť "vytvorené" bežným spôsobom počas behu. Avšak, môžeme dynamicky vytvárať konštrukčné funkcie (ktoré pred objavením sa tried slúžili ako ich ekvivalent) alebo inštancie tried s určitými vlastnosťami a metódami.

Spôsoby dynamického vytvárania:

Pomocou konštruktora Function:

// Dynamicky vytvoríme konštrukčnú funkciu
const DynamicClassConstructor = new Function('name', `
  this.name = name;
  this.sayHello = function() {
    console.log('Ahoj, volám sa ' + this.name);
  };
`);

// Vytvorenie inštancie triedy pomocou dynamického konštruktora
const dynamicInstance = new DynamicClassConstructor('Alisa');
dynamicInstance.sayHello(); // Ahoj, volám sa Alisa

Tento spôsob je najmenej rozšírený, pretože je nebezpečný (spúšťa reťazec ako kód) a ťažko sa ladí.

Pomocou továrenských funkcií:

// Továrenská funkcia, ktorá vracia objekt s určitými vlastnosťami a metódami
function createDynamicObject(type) {
  const baseObject = {
    id: Math.random() // Príklad dynamickej vlastnosti
  };

  if (type === 'používateľ') {
    return {
      ...baseObject,
      role: 'používateľ',
      greet: function() {
        console.log('Ja som používateľ!');
      }
    };
  } else if (type === 'administrátor') {
    return {
      ...baseObject,
      role: 'administrátor',
      greet: function() {
        console.log('Ja som administrátor!');
      }
    };
  }
  return baseObject;
}

const user = createDynamicObject('používateľ');
user.greet(); // Ja som používateľ!

const admin = createDynamicObject('administrátor');
admin.greet(); // Ja som administrátor!

Továrenské funkcie sú flexibilnejšie a bezpečnejšie, umožňujú vytvárať objekty s rôznymi konfiguráciami na mieste.

Pomocou eval (neodporúča sa):

// Použitie eval na vytvorenie triedy (veľmi nebezpečné a neodporúča sa)
const className = 'MyDynamicClass';
const classDefinition = `
  class ${className} {
    constructor(value) {
      this.value = value;
    }
    printValue() {
      console.log(this.value);
    }
  }
`;

eval(classDefinition);

const dynamicInstanceEval = new MyDynamicClass('dynamická hodnota');
dynamicInstanceEval.printValue(); // dynamická hodnota

Použitie eval je mimoriadne neodporúčané kvôli problémom s bezpečnosťou, výkonom a zložitosti ladenia.

Dôležité poznámky:

Termín "dynamické vytváranie tried" v JavaScripte často označuje vytváranie objektov s určitým usporiadaním a správaním počas behu, nie vytváranie samotných konštruktorov class.
Pre väčšinu scenárov použitia sú továrenské funkcie alebo jednoduché vytváranie objektov s požadovanými vlastnosťami bezpečnejšie a vhodnejšie prístupy.
Pri práci s rámcami a knižnicami môžu tieto poskytovať svoje mechanizmy na prácu s dynamickým vytváraním komponentov alebo objektov, ktoré sú založené na týchto princípoch.

Ako môžeme dynamicky vytvárať triedy počas behu programu?