JavaScript动态创建类实例报错问题求助

嘿，我来帮你搞定这个困扰你几天的问题～

你遇到的Uncaught TypeError: param is not a constructor错误，核心原因很简单：你传给test函数的是字符串'settings'，而不是settings这个类本身。

为什么new settings()能正常运行？ #

因为这里你直接使用了settings这个类的标识符（也就是构造函数的引用），JS能识别这是一个可实例化的类，所以没问题。但当你调用test('settings')时，函数里的param是一个字符串值，字符串可不是构造函数，自然没法用new来创建实例啦。

解决方法有两种，看你的需求选： #

方法1：直接传递类的引用（推荐）

如果你不需要用字符串来指定类，直接把类本身传给函数就行：

// main.js
let myClass = new settings(); // 正常运行
let myClass2 = test(settings); // 现在也能正常运行了

function test(param){
  return new param();
}

这样param拿到的就是settings类的构造函数引用，用new实例化完全没问题。

方法2：通过字符串映射获取类（适合必须用字符串的场景）

如果确实需要通过字符串来指定类（比如从配置、后端接口拿到类名字符串），可以把所有需要动态实例化的类放到一个统一的映射对象里，通过字符串键来获取类：

首先修改settings.js，把类挂载到映射对象上：

// settings.js
class settings{
  constructor(){
    console.log("works");
  }
}

// 创建一个全局的类映射（也可以用模块导出，这里用window是为了简单适配你的场景）
window.classRegistry = {
  settings: settings
};

然后修改main.js里的test函数：

// main.js
let myClass = new settings(); // 正常运行
let myClass2 = test('settings'); // 现在可以正常实例化了

function test(param){
  // 从映射里拿到对应的类
  const TargetClass = window.classRegistry[param];
  if (!TargetClass) {
    throw new Error(`找不到名为${param}的类，请确认类是否已注册`);
  }
  return new TargetClass();
}

这种方式更规范，也能避免直接操作全局变量带来的冲突问题。

小提醒 #

尽量优先用方法1，直接传递类引用不仅代码更简洁，还能避免字符串拼写错误、类未注册等潜在问题，也更符合JavaScript的编程习惯。

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