如何通过遍历对象动态创建JavaScript类实例？

你遇到的核心问题是：直接把字符串类名当作构造函数调用——JavaScript无法将字符串直接识别为对应的类构造函数，自然无法创建实例。下面是具体的错误示例、原因分析和解决方法：

错误写法示例 #

// 定义类
class User {
  constructor(name) {
    this.name = name;
  }
}

class Product {
  constructor(id) {
    this.id = id;
  }
}

// 类参数配置
const classParams = {
  User: ['Alice'],
  Product: [1001]
};

// 错误尝试：直接用字符串类名创建实例
for (const className in classParams) {
  // 此处会报错：className是字符串，不是构造函数
  const instance = new className(...classParams[className]);
}

正确解决方法 #

方法一：创建类映射对象（推荐） #

手动维护一个「字符串类名 → 类构造函数」的映射表，通过字符串键获取对应的构造函数后再创建实例：

// 定义类映射表
const classMap = {
  User,
  Product
};

for (const className in classParams) {
  const Constructor = classMap[className];
  if (Constructor) {
    const instance = new Constructor(...classParams[className]);
    console.log(instance); // 输出 User { name: 'Alice' }, Product { id: 1001 }
  } else {
    console.error(`不存在名为${className}的类`);
  }
}

这种方式清晰可控，不会污染全局作用域，在模块化环境（ES模块/CommonJS）中也能正常工作。

方法二：全局对象访问（不推荐） #

如果类是全局变量（比如浏览器环境中未使用模块），可以通过全局对象的属性获取构造函数：

// 将类挂载到全局对象（浏览器为window，Node.js为global）
window.User = User;
window.Product = Product;

for (const className in classParams) {
  const Constructor = window[className];
  if (Constructor) {
    const instance = new Constructor(...classParams[className]);
  }
}

注意：这种方法会污染全局作用域，模块化环境下无法使用，仅适合简单的非模块化场景。

方法三：使用eval（强烈不推荐） #

eval可以将字符串转为可执行代码，但存在严重的安全风险（容易注入恶意代码），几乎不会被推荐：

for (const className in classParams) {
  // 危险写法，禁止在生产环境使用
  const instance = new (eval(className))(...classParams[className]);
}

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