如何从字符串创建函数 - Javascript

在Javascript中，我们可以使用字符串来动态创建函数。这种技术称为“函数构造器”。当我们需要根据某些条件或参数动态创建函数时，函数构造器就可以派上用场。

使用eval函数创建函数

最简单直接的方法，就是使用eval函数，将代码字符串作为参数传入。下面是一个例子：

const functionName = 'sayHello';
const functionBody = 'console.log("Hello World!");';
const functionStr = `function ${functionName}() { ${functionBody} }`;
eval(functionStr);
sayHello(); // 输出：Hello World!

在这个例子中，我们通过组合多个字符串，生成了一个函数字符串，并使用eval函数将其转化成可执行的代码。我们可以调用new Function()方法达到同样的效果，但eval更加简洁，但是eval的安全性堪忧，因此不建议使用。

使用Function构造器创建函数

Function构造器是eval的两倍安全性更高，而且更加表达式，它的用法也很简单。其构造函数接受参数字符串和函数体字符串，可以将其转为函数：

const functionName = 'sayHi';
const functionBody = 'console.log("Hi World!");';
const functionStr = `function ${functionName}() { ${functionBody} }`;
const func = new Function(functionStr);
func(); // 输出：Hi World!

在这个例子中，我们使用Function构造器的实例化对象func执行了动态创建的函数。

从字符串创建一个带参数的函数

动态创建函数中，带参数的函数是常见的需求。下面我们来看如何从字符串中创建一个带参数的函数：

const functionName = 'greet';
const functionArgs = 'name, message';
const functionBody = 'console.log("Hello " + name + ", " + message);';
const functionStr = `function ${functionName}(${functionArgs}) { ${functionBody} }`;
const func = new Function(functionStr);
func('John', 'how are you?'); // 输出：Hello John, how are you?

在这个例子中，我们定义了变量functionArgs，用于接收函数的参数信息。在functionStr变量中，我们将它作为函数创建时的参数部分表达式传入。于是我们就可以传参调用这个动态构建的函数了。

最佳实践

虽然可以使用eval和Function构造器来动态创建函数，但建议在生产系统中尽量避免使用它们，因为使用它们很容易出错，而且会降低代码的可读性和可维护性。

不过，有些时候不得不使用它们，在使用eval函数时，要尽量避免使用用户输入的字符串来动态创建代码，防止被注入恶意代码。而在使用Function构造器时，也要特别注意不要在函数中暴露全局变量，以免影响程序的运行。