JavaScript中三种函数定义方式的区别与对比

本文主要介绍JavaScript中几种常见函数定义方式的核心差异，供开发者参考。

Function声明方式

第一种方式是利用function关键字进行函数声明。

具体示例如下：

function distance(x1,x2,y1,y2) 
　　{ 
　　　　var dx=x2-x1; 
　　　　var dy=y2-y1; 
　　　　return Math.sqrt(dx*dx+dy*dy); 
　　} 

Function构造函数方式

第二种方式是通过Function()构造函数来创建函数。

示例代码如下：

var f=new Function*"x","y","return x*y"); 

上述代码创建了一个新函数，其功能与使用标准语法定义的函数基本等价。

function f(x,y) 
　　{ 
　　  return x*y; 
　　} 

Function()构造函数可以接收任意数量的字符串参数。最后一个参数代表函数体，其中可包含任何JavaScript语句，语句间以分号分隔；其余参数则用于指定形式参数名。若函数无需参数，仅需传递一个表示函数体的字符串即可。

需注意，传递给Function()构造函数的参数中不包含函数名，因此通过该构造函数创建的函数通常被称为“匿名函数”。

读者可能会疑惑Function()构造函数的实际用途，既然已有function语句，为何还需此构造函数？原因在于Function()允许动态创建并编译函数，不受function语句预编译机制的限制。然而，这种灵活性带来性能副作用：每次调用该构造函数时都会重新编译函数体。因此，在循环或高频调用的场景中，应避免频繁使用此构造函数。

此外，Function()构造函数的另一优势在于可将函数作为JavaScript表达式的一部分进行定义，而非独立语句，这使得代码结构更为简洁精致。

函数直接量方式

第三种方式是使用函数直接量（Function Literal）。

函数直接量是一种表达式，用于定义匿名函数。其语法与function语句相似，但作为表达式使用，无需指定函数名。以下三行代码分别展示了使用function语句、Function()构造函数和函数直接量定义三个功能相同的函数：

function f(x){return x*x}; 
　　var f=new Function("x","return x*x;"); 
　　var f=function(x){reurn x*x}; 

尽管函数直接量创建的是未命名函数，但其语法允许指定函数名，这在编写递归函数时尤为有用。

例如：

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

上述代码定义了一个未命名函数，并将其引用存储在变量f中。它并未真正创建一个名为fact()的全局函数，而是允许函数体内部通过该名称引用自身。需注意，JavaScript 1.5之前的版本对此类命名函数直接量的实现并不完善。

函数直接量的使用方式与Function()构造函数类似。由于二者均由表达式创建而非语句，因此使用更加灵活，特别适用于只需使用一次且无需命名的场景。例如，函数直接量可存储于变量中、作为参数传递给其他函数，或直接调用：

a[0]=function(x){return x*x;};//定义一个函数并保存它 
　　a.sort(function(a,b){return a-b;});//定义一个函数；把它传递给另一个函数 
　　var tensquared=(function(x){return x*x;})(10); 

与Function()构造函数一样，函数直接量创建的是未命名函数，且不会自动将其存储为属性。但相较于Function()构造函数，函数直接量具有显著优势：Function()的函数体必须以字符串形式指定，处理复杂长函数时显得笨拙；而函数直接量的主体使用标准JavaScript语法，更为直观。此外，函数直接量仅解析一次，而传递给Function()构造函数的字符串代码在每次调用构造函数时均需解析和编译。

三种方式的核心差异对比

在JavaScript 1.1中，可使用Function()构造函数定义函数；自JavaScript 1.2起，函数直接量也被支持。开发者需注意这两种方法间的关键区别。

首先，Function()构造函数允许在运行时动态创建和编译JavaScript代码，而函数直接量则是函数结构的静态部分，与function语句类似。

其次，作为上述差异的结果，每次调用Function()构造函数时都会解析函数体并创建新的函数对象。若构造函数调用位于循环或高频函数中，效率极低。相反，函数直接量（包括循环或嵌套函数中的直接量）不会在每次调用时重新编译，也不会创建新的函数对象。

Function()构造函数与函数直接量的第三点区别在于作用域：使用Function()创建的函数不使用词法作用域，而是始终作为顶层函数编译，如下例所示：

　var y="global"; 
　　function constructFunction() 
　　{ 
　　　　var y="local"; 
　　　　return new Function("return y");//不捕捉局部作用域。 
　　} 
　　//这行代码将显示"global"，因为Function()构造函数返回的函数并不使用局部作用域。 
　　//假如使用一个函数直接量，这行代码则可能显示"local"。 
　　alert(constructFunction());