如何让eval()识别VueJS eventBus并设置其作用域为Vue实例？

这个问题核心是eval()的作用域机制导致的——它默认只会在当前执行上下文的作用域链里查找变量，哪怕你的eventBus在外部代码里能正常使用，只要没被暴露到eval()的作用域范围内，就会报“未定义”的错误。结合你用Blockly生成字符串代码的场景，我给你几个实用的解决方案：

1. 用Function构造函数替代eval()（推荐） #

Function构造函数比eval()更安全，还能显式绑定你需要的作用域变量。你可以把eventBus作为参数传入，让生成的代码直接访问它：

// 假设这是Blockly生成的待执行代码字符串
const blocklyGeneratedCode = "eventBus.emit('user-action', { type: 'click' })";

// 创建一个接收eventBus参数的函数
const executeCode = new Function('eventBus', blocklyGeneratedCode);

// 传入你的Vue EventBus实例执行代码
executeCode(eventBus);

这种方式相当于把eventBus注入到代码的执行上下文里，完美解决作用域问题，还能避免eval()带来的潜在安全风险（比如恶意代码注入）。

2. 临时挂载到全局作用域（应急方案） #

如果暂时没办法修改代码生成或执行的逻辑，可以把eventBus挂载到全局对象（比如window）上，让eval()能直接找到它：

// 在EventBus初始化的地方添加全局挂载
window.eventBus = eventBus;

// 之后执行eval就不会报错了
eval(blocklyGeneratedCode);

⚠️ 注意：这种方式会污染全局作用域，不推荐在大型项目中使用，只适合临时调试或小型项目应急。

3. 结合Blockly自定义代码生成逻辑 #

既然你用Blockly，最好的方式是从源头解决——在Blockly的代码生成器里，给需要用到eventBus的代码块自动添加参数注入逻辑。比如，让Blockly生成的代码本身就是一个接收eventBus的函数片段，这样后续执行时直接用Function构造函数调用即可，完全不用依赖eval()。

举个简单的Blockly代码生成器示例：

Blockly.JavaScript['event_bus_emit'] = function(block) {
  const eventName = Blockly.JavaScript.valueToCode(block, 'EVENT_NAME', Blockly.JavaScript.ORDER_ATOMIC);
  const eventData = Blockly.JavaScript.valueToCode(block, 'DATA', Blockly.JavaScript.ORDER_ATOMIC);
  // 生成带eventBus参数的代码片段
  return `eventBus.emit(${eventName}, ${eventData});\n`;
};

之后生成的代码就可以直接用前面提到的Function构造函数来执行，既规范又安全。

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