Jak můžeme dynamicky vytvářet třídy během běhu…

Třídy v JavaScriptu, které představují syntaktický cukr nad prototypovým děděním, nemohou být "vytvořeny" běžným způsobem za běhu. Nicméně, můžeme dynamicky vytvářet konstruktory funkcí (které před příchodem tříd sloužily jako jejich ekvivalent) nebo instance tříd s určitými vlastnostmi a metodami.

Způsoby dynamického vytváření:

Pomocí konstruktoru Function:

// Dynamicky vytvoříme konstruktor funkce
const DynamicClassConstructor = new Function('name', `
  this.name = name;
  this.sayHello = function() {
    console.log('Ahoj, jmenuji se ' + this.name);
  };
`);

// Vytvoření instance třídy pomocí dynamického konstruktoru
const dynamicInstance = new DynamicClassConstructor('Alisa');
dynamicInstance.sayHello(); // Ahoj, jmenuji se Alisa

Tato metoda je nejméně rozšířená, protože je nebezpečná (spouští řetězec jako kód) a složitá na ladění.

Pomocí továrních funkcí:

// Tovární funkce vracející objekt s určitými vlastnostmi a metodami
function createDynamicObject(type) {
  const baseObject = {
    id: Math.random() // Příklad dynamické vlastnosti
  };

  if (type === 'uživatel') {
    return {
      ...baseObject,
      role: 'uživatel',
      greet: function() {
        console.log('Jsem uživatel!');
      }
    };
  } else if (type === 'administrátor') {
    return {
      ...baseObject,
      role: 'administrátor',
      greet: function() {
        console.log('Jsem administrátor!');
      }
    };
  }
  return baseObject;
}

const user = createDynamicObject('uživatel');
user.greet(); // Jsem uživatel!

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

Tovární funkce jsou flexibilnější a bezpečnější, umožňují vytvářet objekty s různými konfiguracemi za běhu.

Pomocí eval (nedoporučuje se):

// Použití eval pro vytvoření třídy (velmi nebezpečné a nedoporučuje se)
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žití eval je extrémně nedoporučené kvůli problémům s bezpečností, výkonem a složitostí ladění.

Důležité poznámky:

Termín "dynamické vytváření tříd" v JavaScriptu často označuje vytváření objektů s určitým uspořádáním a chováním za běhu, nikoli vytváření samotných konstruktorů class.
Pro většinu scénářů použití jsou tovární funkce nebo jednoduché vytváření objektů s požadovanými vlastnostmi bezpečnější a vhodnější přístupy.
Při práci s frameworky a knihovnami mohou tyto poskytovat své mechanismy pro práci s dynamickým vytvářením komponent nebo objektů, které jsou založeny na těchto principech.

Jak můžeme dynamicky vytvářet třídy během běhu programu?