如何通过字符串形式的名称动态调用类的静态JavaScript函数？

安全阿岳

2026-5-27

如何通过字符串名称动态调用静态函数？

当然可以实现动态调用静态函数啦！你遇到的window[testVar]报错问题其实挺常见的，咱们来一步步拆解原因和解决方案：

为什么`window[testVar]`会报错？

你写的window[testVar].Instance()报错，核心原因是你的Test类并没有挂载到全局的window对象上。如果Test是在函数作用域、ES模块（用import/export的文件）里定义的，它就属于局部作用域，不会自动成为window的属性，自然就会拿到undefined。

不用`eval`的安全解决方案

方案1：使用自定义命名空间（最推荐）

把所有需要动态调用的类统一放到一个自定义对象里，既不会污染全局作用域，又能安全地通过字符串索引访问：

// 创建一个专门存类的命名空间
const ClassRegistry = {
  Test: class {
    static Instance() {
      console.log("Instantiated");
    }
  }
};

// 动态调用逻辑
const className = "Test";
ClassRegistry[className].Instance(); // 正常输出 "Instantiated"

方案2：手动挂载到全局（仅适合非模块环境）

如果你的代码运行在非模块的全局环境里，也可以手动把类挂载到window上，这样就能通过window[字符串]访问了：

class Test {
  static Instance() {
    console.log("Instantiated");
  }
}
// 手动挂载到window
window.Test = Test;

const className = "Test";
window[className].Instance(); // 现在可以正常执行