Kako možemo dinamički kreirati klase tokom…

Класови u JavaScript-u, koji predstavljaju sintaktički šećer nad prototipskim nasleđivanjem, ne mogu biti "kreirani" na uobičajen način tokom izvršavanja. Međutim, možemo dinamički kreirati konstruktorske funkcije (koje su pre pojave klasa služile kao njihov ekvivalent) ili instance klasa sa određenim svojstvima i metodama.

Načini dinamičkog kreiranja:

Korišćenjem Function konstruktora:

// Dinamičko kreiranje konstruktorske funkcije
const DynamicClassConstructor = new Function('name', `
  this.name = name;
  this.sayHello = function() {
    console.log('Zdravo, zovem se ' + this.name);
  };
`);

// Kreiranje instance klase pomoću dinamičkog konstruktora
const dynamicInstance = new DynamicClassConstructor('Alisa');
dynamicInstance.sayHello(); // Zdravo, zovem se Alisa

Ova metoda je najmanje rasprostranjena, jer je nesigurna (izvršava niz kao kod) i teška za otklanjanje grešaka.

Korišćenjem fabričkih funkcija:

// Fabricka funkcija koja vraća objekat sa određenim svojstvima i metodama
function createDynamicObject(type) {
  const baseObject = {
    id: Math.random() // Primer dinamičkog svojstva
  };

  if (type === 'korisnik') {
    return {
      ...baseObject,
      role: 'korisnik',
      greet: function() {
        console.log('Ja sam korisnik!');
      }
    };
  } else if (type === 'administrator') {
    return {
      ...baseObject,
      role: 'administrator',
      greet: function() {
        console.log('Ja sam administrator!');
      }
    };
  }
  return baseObject;
}

const user = createDynamicObject('korisnik');
user.greet(); // Ja sam korisnik!

const admin = createDynamicObject('administrator');
admin.greet(); // Ja sam administrator!

Fabricke funkcije su fleksibilnije i sigurnije, omogućavaju kreiranje objekata sa različitim konfiguracijama u hodu.

Korišćenjem eval (nije preporučljivo):

// Korišćenje eval za kreiranje klase (veoma opasno i ne preporuč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('dinamička vrednost');
dynamicInstanceEval.printValue(); // dinamička vrednost

Korišćenje eval je izuzetno ne preporučljivo zbog problema sa bezbednošću, performansom i složenošću u otklanjanju grešaka.

Važne napomene:

Termin "dinamičko kreiranje klasa" u JavaScript-u često označava kreiranje objekata sa određenom strukturom i ponašanjem tokom izvršavanja, a ne kreiranje samih konstruktora class.
Za većinu scenarija korišćenja, fabričke funkcije ili jednostavno kreiranje objekata sa željenim svojstvima su sigurniji i poželjniji pristupi.
Pri radu sa okvirima i bibliotekama, one mogu pružati svoje mehanizme za rad sa dinamičkim kreiranjem komponenti ili objekata, koji su zasnovani na ovim principima.

Kako možemo dinamički kreirati klase tokom izvršavanja?