无需eval，如何通过字符串/变量动态构造类名创建JavaScript类？

首先明确：JavaScript的词法作用域机制，决定了无法直接通过字符串名称查询局部作用域内的类（除非主动暴露），以下是几种安全且无需eval的方案：

1. 维护类注册表（推荐，规范可控） #

你之前用的classes对象其实是最佳实践，只是可以优化成自动注册，避免手动硬编码键值对：

// 全局或模块级别的类注册表
const classRegistry = {};

// 自动注册类的工具函数
function registerClass(cls) {
  // 利用类的name属性自动作为键名
  classRegistry[cls.name] = cls;
}

// 定义类后自动注册
class Whatever {}
registerClass(Whatever);

class Anything {}
registerClass(Anything);

// 动态创建实例
const instance = new classRegistry['Whatever']();
console.log(instance instanceof Whatever); // true

这种方式完全可控，没有安全风险，也避免了手动维护键值对的麻烦。

2. 动态导入（适合模块化场景） #

如果你的类是按文件拆分的，可以用动态import来按需加载并创建实例，无需预先维护注册表：

async function createInstance(className) {
  // 假设每个类对应一个同名文件，比如Whatever.js导出Whatever类
  const module = await import(`./${className}.js`);
  const TargetClass = module[className];
  return new TargetClass();
}

// 使用示例
createInstance('Whatever').then(instance => {
  // 操作实例
});

这种方式适合大型项目，类文件较多的场景，同时支持按需加载优化性能。

为什么window['Whatever']不起作用？ #

如果你的代码是在ES模块（带type="module"的script）或者函数局部作用域里定义的类，它们不会挂载到全局window对象上，只有在全局作用域下定义的类才会成为window的属性——但全局作用域污染不推荐，所以这种方式局限性很大。

为什么不推荐eval？ #

eval会执行任意字符串代码，存在XSS等安全风险，同时会破坏JavaScript的词法作用域优化，影响性能，所以无论何时都应避免使用。

内容的提问来源于stack exchange，提问作者MalackaPower