在函数内调用函数

Question

我遇到过从 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);

我想从 code 变量中调用 onExecute 函数，但我不知道该怎么做？

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

Answer 1

遵循 Function 文档 link，您应该仅从代码行定义函数，而不包括 function XXXXX() {}

之类的内容

所以，应该是

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

code()

Answer 2

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

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

Answer 3

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 returns 函数，因此可以多次调用它而无需重新创建块函数

v2 更可取 IMO

在函数内调用函数

Calling function within a Function

javascript

blockly

google-blockly