Классы в JavaScript, представляющие собой синтаксический сахар над прототипным наследованием, не могут быть "созданы" в привычном смысле во время выполнения. Однако, мы можем динамически создавать функции-конструкторы (которые до появления классов служили их аналогом) или экземпляры классов с определенными свойствами и методами.

Способы динамического создания:

С использованием Function конструктора:

// Создаем функцию-конструктор динамически
const DynamicClassConstructor = new Function('name', `
  this.name = name;
  this.sayHello = function() {
    console.log('Привет, меня зовут ' + this.name);
  };
`);

// Создаем экземпляр класса с помощью динамического конструктора
const dynamicInstance = new DynamicClassConstructor('Алиса');
dynamicInstance.sayHello(); // Привет, меня зовут Алиса

Этот метод наименее распространен, так как небезопасен (выполняет строку как код) и сложен для отладки.

С использованием фабричных функций:

// Фабричная функция, возвращающая объект с определенными свойствами и методами
function createDynamicObject(type) {
  const baseObject = {
    id: Math.random() // Пример динамического свойства
  };

  if (type === 'пользователь') {
    return {
      ...baseObject,
      role: 'пользователь',
      greet: function() {
        console.log('Я пользователь!');
      }
    };
  } else if (type === 'администратор') {
    return {
      ...baseObject,
      role: 'администратор',
      greet: function() {
        console.log('Я администратор!');
      }
    };
  }
  return baseObject;
}

const user = createDynamicObject('пользователь');
user.greet(); // Я пользователь!

const admin = createDynamicObject('администратор');
admin.greet(); // Я администратор!

Фабричные функции гибче и безопаснее, позволяют создавать объекты с различными конфигурациями на лету.

С использованием eval (не рекомендуется):

// Использование eval для создания класса (очень опасно и не рекомендуется)
const className = 'MyDynamicClass';
const classDefinition = `
  class ${className} {
    constructor(value) {
      this.value = value;
    }
    printValue() {
      console.log(this.value);
    }
  }
`;

eval(classDefinition);

const dynamicInstanceEval = new MyDynamicClass('динамическое значение');
dynamicInstanceEval.printValue(); // динамическое значение

Использование eval крайне не рекомендуется из-за проблем с безопасностью, производительностью и сложностью отладки.

Важные моменты:

Термин "динамическое создание классов" в JavaScript чаще обозначает создание объектов с определенной структурой и поведением во время выполнения, а не создание самих конструкторов class.
Для большинства сценариев использования фабричные функции или простое создание объектов с нужными свойствами являются более предпочтительными и безопасными подходами.
При работе с фреймворками и библиотеками, они могут предоставлять свои механизмы для работы с динамическим созданием компонентов или объектов, которые основаны на этих принципах.

Как мы можем динамически создавать классы во время выполнения программы?