JavaScript中如何通过字符串动态调用构造函数实例化类？

这问题我之前踩过坑！你遇到的undefined问题，核心是ES6类的作用域规则在搞鬼，咱们一步步拆解解决：

为什么原代码返回undefined？ #

如果你的class Daah是写在模块作用域（比如用了type="module"的script标签）、块级作用域（比如{}包裹的代码块）里，这个类并不会自动挂载到全局的window对象上。这时候window[classname]自然找不到对应的类，返回undefined。

几种可行的解决方案 #

1. 手动将类挂载到全局对象（浏览器环境） #

如果你的代码不在模块里，或者可以接受全局变量，直接把类绑定到window上：

// 定义类并挂载到window
class Daah {
  // 类的内容
}
window.Daah = Daah;

// 动态实例化
const classname = "Daah";
const obj = new window[classname](); // 注意要加括号调用构造函数！

⚠️ 注意：这种方式会污染全局作用域，大型项目里不推荐。

2. 维护一个类映射对象（推荐） #

这是更安全、更优雅的方式，专门用一个对象来管理所有需要动态调用的类，避免全局污染：

// 创建类映射表
const ClassRegistry = {
  Daah: class Daah {
    constructor() {
      console.log("Daah实例创建啦");
    }
  },
  // 可以添加更多类
  AnotherClass: class AnotherClass {}
};

// 动态实例化
const classname = "Daah";
const obj = new ClassRegistry[classname]();

这种方式不仅规避了作用域问题，还能清晰管理所有可动态实例化的类，排查问题也更方便。

3. 使用eval（不推荐，谨慎使用） #

如果只是临时测试，或者能完全确保classname的安全性（比如不是用户输入的动态内容），可以用eval：

class Daah {}
const classname = "Daah";
const obj = new (eval(classname))();

⚠️ 警告：eval会执行传入的任意代码，如果classname是用户可控的，会带来严重的安全风险，生产环境绝对不要用！

额外提醒 #

不管用哪种方式，实例化时一定要加括号（即使构造函数没有参数）——虽然new window[classname]在某些情况下也能运行，但加上括号更符合代码规范，也能避免一些潜在的歧义问题。

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