Cum putem crea clase dinamic în timpul execuției…

Clasele din JavaScript, care reprezintă un zahăr sintactic peste moștenirea prototipică, nu pot fi "create" în sensul obișnuit în timpul execuției. Cu toate acestea, putem crea dinamic funcții constructor (care înainte de apariția claselor le echivalează) sau instanțe de clase cu proprietăți și metode definite.

Moduri de creare dinamică:

Utilizând constructorul Function:

// Crearea dinamică a unei funcții constructor
const DynamicClassConstructor = new Function('name', `
  this.name = name;
  this.sayHello = function() {
    console.log('Salut, numele meu este ' + this.name);
  };
`);

// Crearea unei instanțe de clasă cu constructorul dinamic
const dynamicInstance = new DynamicClassConstructor('Alice');
dynamicInstance.sayHello(); // Salut, numele meu este Alice

Această metodă este cea mai puțin folosită, deoarece este nesigură (execută șirul ca și cod) și dificil de depanat.

Utilizând funcții factory:

// Funcție factory care returnează un obiect cu proprietăți și metode definite
function createDynamicObject(type) {
  const baseObject = {
    id: Math.random() // Exemplu de proprietate dinamică
  };

  if (type === 'utilizator') {
    return {
      ...baseObject,
      role: 'utilizator',
      greet: function() {
        console.log('Sunt un utilizator!');
      }
    };
  } else if (type === 'administrator') {
    return {
      ...baseObject,
      role: 'administrator',
      greet: function() {
        console.log('Sunt un administrator!');
      }
    };
  }
  return baseObject;
}

const user = createDynamicObject('utilizator');
user.greet(); // Sunt un utilizator!

const admin = createDynamicObject('administrator');
admin.greet(); // Sunt un administrator!

Funcțiile factory sunt mai flexibile și mai sigure, permit crearea de obiecte cu configurații diferite în timpul execuției.

Utilizând eval (nu recomandat):

// Utilizarea eval pentru crearea unei clase (foarte periculos și nerecomandat)
const className = 'MyDynamicClass';
const classDefinition = `
  class ${className} {
    constructor(value) {
      this.value = value;
    }
    printValue() {
      console.log(this.value);
    }
  }
`;

eval(classDefinition);

const dynamicInstanceEval = new MyDynamicClass('valoare dinamică');
dynamicInstanceEval.printValue(); // valoare dinamică

Utilizarea eval este extrem de nerecomandată din cauza problemelor de securitate, performanță și dificultăți în depanare.

Puncte importante:

Termenul "creare dinamică a claselor" în JavaScript se referă de obicei la crearea de obiecte cu o anumită structură și comportament în timpul execuției, nu la crearea constructorilor class în sine.
Pentru majoritatea scenariilor, funcțiile factory sau crearea simplă de obiecte cu proprietățile necesare sunt abordări mai preferate și mai sigure.
Când lucrați cu framework-uri și biblioteci, acestea pot oferi propriile mecanisme pentru a lucra cu crearea dinamică a componentelor sau obiectelor, bazate pe aceste principii.

Cum putem crea clase dinamic în timpul execuției programului?