JavaScript中Function()构造函数与函数直接量的核心区别解析

JavaScript函数定义基础

函数的声明通常包含三个基本要素：关键字function、函数名称、参数列表以及包含在括号内的执行代码块。

在JavaScript中，定义函数主要存在三种语法结构：

JavaScript代码示例

 
1. function functionName(arg0, arg1, ... argN) { statements } // 使用function语句声明
2. var function_name = new Function(arg1, arg2, ..., argN, function_body); // 使用Function()构造函数
3. var func = function(arg0, arg1, ... argN) { statements } // 使用函数直接量（匿名函数表达式）

具体示例如下：

JavaScript代码示例

 
1. function f(x){return x*x} // 使用function语句
2. var f = new Function("x","return x*x;") // 使用Function()构造函数
3. var f = function(x){return x*x;} // 使用函数直接量

若函数未显式指定返回值，或调用了不带参数的return语句，则该函数实际返回undefined。

Function()构造函数详解

函数在JavaScript中本质上是完整的对象。Function类可用于表示开发者自定义的任何函数。直接使用Function类创建函数的语法如下：

var function_name = new Function(arg1, arg2, ..., argN, function_body)

在上述语法中，每个arg代表一个参数，而最后一个参数则是函数主体（即实际执行的代码字符串）。需要注意的是，这些参数必须全部以字符串形式传递。

var sayHi = new Function("sName", "sMessage", "alert('Hello ' + sName + sMessage);");

sayHi("jzj,", "你好!"); // 输出结果：Hello jzj，你好！

函数名本质上只是指向函数对象的变量引用。因此，可以将函数作为参数传递给其他函数吗？答案是肯定的，示例如下：

JavaScript代码示例

 
function callAnotherFunc(fnFunction, vArgument) {
fnFunction(vArgument);
} 
var doAdd = new Function("iNum", "alert(iNum + 10)");
callAnotherFunc(doAdd, 10); // 输出 "20"

尽管Function构造函数允许创建函数，但通常不建议使用。因为通过Function构造函数定义的函数执行速度远慢于传统方式。不过，所有用户定义的函数在内部均被视为Function类的实例。

如果定义的函数不需要参数，只需向构造函数传递一个表示函数主体的字符串即可。

注意：传递给Function()构造函数的参数中，没有任何一个用于指定所创建函数的名称。因此，通过Function()构造函数创建的函数通常被称为“匿名函数”。

Function()构造函数允许动态创建并编译函数，从而不受限于function语句在预编译阶段确定的函数体。

函数直接量与递归应用

函数直接量是一种表达式，用于定义匿名函数。其语法与function语句非常相似，但作为表达式使用而非语句，且无需指定函数名。语法如下：

JavaScript代码示例

 
var func = function(arg0, arg1, ... argN) { statements } // 函数直接量

虽然函数直接量创建的是未命名函数，但其语法允许指定一个内部名称，这在编写递归函数时非常有用，例如：

JavaScript代码示例

 
var f = function fact(x) {
if (x <= 1) {
return 1;
} else {
return x * fact(x - 1);
} 
}; 

} // 注：这并未真正创建一个名为fact()的全局函数，仅允许函数体内部通过该名称引用自身。JavaScript1.5之前的版本未正确实现此命名函数直接量特性。

函数引用与指针类比

函数名本身并无特殊意义，它仅是保存函数引用的变量。可以将该函数赋值给其他变量，其行为方式保持不变：

JavaScript代码示例

 
function square(x){return x*x;}
var a = square;
var b = a(5); // b 的值为25

这种机制类似于C++中的函数指针。

Function构造函数与函数直接量的作用域差异

Function()构造函数与函数直接量的一个关键区别在于作用域：使用Function()构造函数创建的函数不使用词法作用域，而是始终在全局（顶级）上下文中编译。示例如下：

JavaScript代码示例

 
var y = "global";
function constructFunction() {
var y = "local";
// 使用Function()构造函数
return new Function("return y;"); // 不访问局部作用域
} 
}
function constFunction() {
var y = "local";
// 使用函数直接量
var f = function () {
}; 
return y; // 访问局部作用域
} 
};
return f;
}
// 显示 "global"，因为Function()构造函数返回的函数不访问局部作用域