如何使eval()中声明的函数在setInterval中运行？模块脚本场景

核心问题原因 #

模块脚本默认启用严格模式，且eval的执行上下文是模块作用域——你在eval里声明的函数会被限制在这个作用域内，既不会挂载到全局对象，也不会成为eval的返回值（除非代码本身是一个表达式），所以直接通过函数名或code.xxx访问自然失效。

具体解决方案 #

方案1：让eval的代码返回包含函数的对象（推荐）

修改用户输入到codearea的代码，让它直接返回一个包含所有需要外部调用的函数的对象。比如：

// codearea中的代码
{
  // 原来定时执行的主逻辑
  main: function() {
    console.log("主逻辑执行");
  },
  // 需要单独调用的函数
  examplefunc: function() {
    console.log("examplefunc执行");
  }
}

然后你的脚本代码可以这样写：

const code = eval(document.getElementById("codearea").value);
// 执行主逻辑
setInterval(code.main, 10);
// 单独调用examplefunc
setInterval(code.examplefunc, 10);

这种方式最清晰，也符合模块化的思路，避免作用域混乱。

方案2：包裹用户代码，提取内部函数

如果无法控制codearea的输入格式（比如用户直接写函数声明），可以把用户代码包裹在一个立即执行函数里，主动提取需要的函数：

// 假设codearea里的代码是：
// function examplefunc() { ... }
// function main() { ... }

const userCode = document.getElementById("codearea").value;
const code = eval(`
(() => {
  ${userCode}
  // 把需要的函数都返回出去
  return { examplefunc, main };
})()
`);

// 之后就可以正常调用
setInterval(code.main, 10);
setInterval(code.examplefunc, 10);

如果不确定用户会声明哪些函数，也可以通过自定义对象收集：

const code = eval(`
(function(exports) {
  ${userCode}
  // 这里要求用户将需要暴露的函数赋值给exports
  return exports;
})({})
`);
// 示例用户代码：exports.examplefunc = function() {}

方案3：使用Function构造函数指定上下文

另一种方式是用Function构造函数，把函数挂载到一个自定义上下文对象上：

const context = {};
const userCode = document.getElementById("codearea").value;
// 包裹代码，让内部函数挂载到context
const wrappedCode = `${userCode}; return context;`;
const getCode = new Function('context', wrappedCode);
const code = getCode(context);

// 要求用户代码中将函数赋值给context，比如：context.examplefunc = function() {}
setInterval(code.examplefunc, 10);

注意事项 #

• 模块脚本默认严格模式，避免使用with语句（会触发语法错误），尽量采用显式的对象返回或赋值方式。
• eval和Function存在安全风险，若用户输入的代码不可信，必须做严格的校验和过滤。

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