¿Cómo podemos crear clases dinámicamente en tiempo de…

Las clases en JavaScript, que representan un azúcar sintáctico sobre la herencia prototípica, no pueden ser "creadas" en el sentido habitual en tiempo de ejecución. Sin embargo, podemos crear dinámicamente funciones constructoras (que antes de la aparición de las clases servían como su equivalente) o instancias de clases con propiedades y métodos definidos.

Formas de creación dinámica:

Usando el constructor Function:

// Crear una función constructora dinámicamente
const DynamicClassConstructor = new Function('name', `
  this.name = name;
  this.sayHello = function() {
    console.log('Hola, me llamo ' + this.name);
  };
`);

// Crear una instancia de clase usando el constructor dinámico
const dynamicInstance = new DynamicClassConstructor('Alicia');
dynamicInstance.sayHello(); // Hola, me llamo Alicia

Este método es el menos común, ya que es inseguro (ejecuta la cadena como código) y difícil de depurar.

Usando funciones fábrica:

// Función fábrica que devuelve un objeto con propiedades y métodos definidos
function createDynamicObject(type) {
  const baseObject = {
    id: Math.random() // Ejemplo de propiedad dinámica
  };

  if (type === 'usuario') {
    return {
      ...baseObject,
      role: 'usuario',
      greet: function() {
        console.log('¡Soy un usuario!');
      }
    };
  } else if (type === 'administrador') {
    return {
      ...baseObject,
      role: 'administrador',
      greet: function() {
        console.log('¡Soy un administrador!');
      }
    };
  }
  return baseObject;
}

const user = createDynamicObject('usuario');
user.greet(); // ¡Soy un usuario!

const admin = createDynamicObject('administrador');
admin.greet(); // ¡Soy un administrador!

Las funciones fábrica son más flexibles y seguras, permiten crear objetos con diferentes configuraciones en tiempo de ejecución.

Usando eval (no recomendado):

// Uso de eval para crear una clase (muy peligroso y no recomendado)
const className = 'MiClaseDinamica';
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

El uso de eval está altamente desaconsejado debido a problemas de seguridad, rendimiento y dificultad de depuración.

Puntos importantes:

El término "creación dinámica de clases" en JavaScript generalmente se refiere a crear objetos con una estructura y comportamiento definidos en tiempo de ejecución, no a crear los constructores class en sí.
Para la mayoría de los escenarios, las funciones fábrica o la creación simple de objetos con las propiedades necesarias son enfoques más preferibles y seguros.
Al trabajar con frameworks y bibliotecas, estos pueden proporcionar sus propios mecanismos para trabajar con la creación dinámica de componentes u objetos, basados en estos principios.

¿Cómo podemos crear clases dinámicamente en tiempo de ejecución?