客户端脚本动态执行JS代码遇类作用域问题，求解决方案

问题核心是eval的作用域限制：在现代JavaScript环境（默认启用严格模式）中，eval执行的代码会生成局部作用域，类声明属于块级作用域，因此eval外部无法访问到内部定义的类。

以下是几种可行的客户端解决方案：

方案1：将类挂载到全局对象 #

把类直接绑定到全局对象（浏览器环境为window），让外部能直接访问：

let code = "window.A = class A { test() {console.log('A class');} }; new A().test();";
eval(code);
new A().test(); // 此时可正常执行

如果是远程脚本，要么确保脚本本身将类挂载到全局，要么在获取到脚本字符串后，手动添加全局挂载的逻辑。

方案2：让eval返回类的引用 #

调整注入代码的结构，使eval执行后返回目标类，外部用变量接收这个返回值（无全局污染，更推荐）：

let code = "class A { test() {console.log('A class');} }; A;";
const A = eval(code);
new A().test(); // 正常执行

适配你期望的executeScript逻辑：

function executeScript(scriptStr) {
  // 确保脚本字符串最后返回需要暴露的类
  return eval(scriptStr);
}

// 假设getScriptFromUrl返回的内容为："class ClassFromScript { doSomething() {console.log('执行操作');} }; ClassFromScript;"
const ClassFromScript = executeScript(getScriptFromUrl("script url here"));
let obj = new ClassFromScript();
obj.doSomething();

方案3：使用Function构造函数 #

Function构造函数的作用域为全局，也能实现外部访问类：

let code = "class A { test() {console.log('A class');} }; return A;";
const A = new Function(code)();
new A().test();

适配远程脚本的场景：

function executeScript(scriptStr) {
  return new Function(`${scriptStr}; return ClassFromScript;`)();
}

⚠️ 注意：使用eval或Function执行外部代码存在安全风险，必须确保脚本来源完全可信，防止XSS攻击。

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