Como podemos criar classes dinamicamente durante a…

As classes em JavaScript, que representam um açúcar sintático sobre a herança prototípica, não podem ser "criadas" no sentido habitual durante a execução. No entanto, podemos criar dinamicamente funções construtoras (que antes do aparecimento das classes serviam como seu equivalente) ou instâncias de classes com propriedades e métodos definidos.

Formas de criação dinâmica:

Usando o construtor Function:

// Criar uma função construtora dinamicamente
const DynamicClassConstructor = new Function('name', `
  this.name = name;
  this.sayHello = function() {
    console.log('Olá, meu nome é ' + this.name);
  };
`);

// Criar uma instância de classe usando o construtor dinâmico
const dynamicInstance = new DynamicClassConstructor('Alice');
dynamicInstance.sayHello(); // Olá, meu nome é Alice

Este método é o menos comum, pois é inseguro (executa a string como código) e difícil de depurar.

Usando funções fábrica:

// Função fábrica que retorna um objeto com propriedades e métodos definidos
function createDynamicObject(type) {
  const baseObject = {
    id: Math.random() // Exemplo de propriedade dinâmica
  };

  if (type === 'utilizador') {
    return {
      ...baseObject,
      role: 'utilizador',
      greet: function() {
        console.log('Sou um utilizador!');
      }
    };
  } else if (type === 'administrador') {
    return {
      ...baseObject,
      role: 'administrador',
      greet: function() {
        console.log('Sou um administrador!');
      }
    };
  }
  return baseObject;
}

const user = createDynamicObject('utilizador');
user.greet(); // Sou um utilizador!

const admin = createDynamicObject('administrador');
admin.greet(); // Sou um administrador!

Funções fábrica são mais flexíveis e seguras, permitindo criar objetos com diferentes configurações em tempo de execução.

Usando eval (não recomendado):

// Uso de eval para criar uma classe (muito perigoso e não recomendado)
const className = 'MinhaClasseDinamica';
const classDefinition = `
  class ${className} {
    constructor(value) {
      this.value = value;
    }
    printValue() {
      console.log(this.value);
    }
  }
`;

eval(classDefinition);

const dynamicInstanceEval = new MyDynamicClass('valor dinâmico');
dynamicInstanceEval.printValue(); // valor dinâmico

O uso de eval é altamente desaconselhado devido a problemas de segurança, desempenho e dificuldade de depuração.

Pontos importantes:

O termo "criação dinâmica de classes" em JavaScript geralmente refere-se à criação de objetos com uma estrutura e comportamento definidos em tempo de execução, não à criação dos construtores class em si.
Para a maioria dos cenários, funções fábrica ou criação simples de objetos com as propriedades necessárias são abordagens mais preferíveis e seguras.
Ao trabalhar com frameworks e bibliotecas, estes podem fornecer seus próprios mecanismos para trabalhar com a criação dinâmica de componentes ou objetos, baseados nesses princípios.

Como podemos criar classes dinamicamente durante a execução do programa?