极客笔记JavaScript – 函数构造函数(Function() Constructor)
函数构造函数(Function() Constructor)是一种创建函数的方法，它与常用的函数声明或函数表达式创建函数的方法不同，可以动态地生成具有唯一标识符的函数实例。
使用函数构造函数创建的函数实例与常规函数的差别在于，函数构造函数可接收一个或多个字符串参数来指定要创建的函数实例的形参列表，并在执行时生成一个与其它函数不同的函数标识符。
函数构造函数的语法
函数构造函数本身也是一个函数，其语法如下：
var FunctionConstructor = new Function(arg1, arg2, arg3, ..., func_body);
其中，arg1、arg2、arg3等为要创建的函数的形参列表，func_body为要创建的函数体代码，可以是任意合法的JavaScript代码。
例如，下面的代码使用函数构造函数创建了一个名为func的函数，其形参列表为x和y，函数体代码为return x + y：
var func = new Function('x', 'y', 'return x + y');
在以上代码中，new Function('x', 'y', 'return x + y')返回一个函数实例，该实例与常规函数一样可以进行调用。当我们调用func(1,2)时，将得到结果3。
函数构造函数与常规函数的区别
虽然使用函数构造函数创建的函数实例与常规函数可以做类似的事情，但它们依旧存在一些区别。
首先，使用函数构造函数创建的函数可接收任意数量的字符串参数，比常规函数更加灵活。
其次，使用函数构造函数创建的函数标识符是动态生成的，每次都生成一个新的函数标识符。这与常规函数不同，常规函数的标识符是在函数声明或表达式的时候创建的，每次执行都是相同的标识符。
函数构造函数的兼容性
虽然函数构造函数是JavaScript的标准之一，但是由于该方法的使用相对较少，一些旧版本的浏览器可能不兼容。因此在使用时，应该注意兼容性问题。
示例代码
下面的代码演示了如何使用函数构造函数来创建动态的函数实例。
// 使用函数构造函数创建一个加法函数
var add = new Function('x', 'y', 'return x + y');
console.log(add(1,2)); // 输出: 3
// 将函数构造函数作为一个函数的形参
function testFunc(func) {
return func(3,4);
}
console.log(testFunc(new Function('x', 'y', 'return x * y'))); // 输出: 12
在上面的代码中，首先使用了函数构造函数来创建了一个加法函数add，然后调用add(1,2)，输出结果为3。
接下来，我们定义了一个函数testFunc，它接收一个函数实例为参数。在调用testFunc函数时，我们使用了函数构造函数来动态生成一个乘法函数的实例，并将它作为testFunc函数的实参。 testFunc函数将该函数实例执行，并返回执行结果。在本例中，执行结果为12。
结论
函数构造函数是JavaScript提供的动态函数生成工具之一。虽然这种生成函数的方式内部执行效率不如常规函数，但由于其灵活性，它可以用于一些动态生成代码或在运行时根据参数决定生成代码的场合。 使用函数构造函数生成的函数实例标识符会每次生成新的，这一点需要注意。此外，由于浏览器兼容性的原因，在使用函数构造函数时，需要注意不同浏览器的兼容性问题。需要使用时，建议进行测试，并根据需要进行必要的兼容性处理。