在函数内调用函数

问题描述

我遇到过从 Blockly 组件中生成代码的情况。生成的代码将有一个我想调用的函数。根据 Blockly "Generating and Running JavaScript" 文档，我应该使用 eval()。

当我在 MSDN 上查找 eval() 时，我得到一个部分，我应该 "never use eval" 并使用 Function 代替。

以下是代码输出的一些示例代码：

let blocklyResult = `function onExecute() {
    console.log('Function has been called!');
}`;

let code = new Function(blocklyResult);

我想从 onExecute 变量中调用 code 函数，但我不知道如何做到这一点？

实现我想要的结果的最佳方法是什么。

解决方法

在 Function 文档 link 之后，您应该仅从代码行定义函数，而不包括诸如 function XXXXX() {} 之类的内容

所以应该是

let blocklyResult = `console.log('Function has been called!')`;
let code = new Function(blocklyResult);

code()

,

Function 构造函数将生成一个包含字符串代码的函数。如果字符串代码以函数的形式出现，函数会生成这个函数，但你也需要调用它。所以以太（如果可以的话）将要执行的代码（不是函数）作为字符串传递，或者自己添加执行函数。像这样：

var a = `function onExecute(){console.log('Function has been called')}`
var b = new Function(`(${a})()`);
b();

,

let blocklyResult = `function onExecute() {
    console.log('Function has been called!');
}`;

// v1
let code1 = new Function(`${blocklyResult};onExecute();`);
code1();

// v2
let code2 = (new Function(`return ${blocklyResult}`))();
code2();

v1 每次调用时都会创建一个新函数

v2 返回函数，因此它可以被多次调用而无需重新创建块函数

v2 是首选 IMO