函数的三种定义方法分别是：函数定义语句、函数直接量表达式和Function()构造函数的方法,下面依次介绍这几种方法具体怎么实现。

1. 函数定义语句

<span style="font-size:14px;">//求和函数  
function sum(a,b){  
    return a+b;  
}</span>

这是最典型的函数声明，以关键字function开始，其后跟随函数名称标识符、一对圆括号（包含由0个或多个逗号隔开的参数名称）和一对花括号（包含0条或多条JS语句，构成函数体）。这种函数定义方式需要显式的指定函数名称，在代码执行前就被解释器加载到作用域中，这个特性可以让我们在函数定义之前就调用该函数。我们可以通过代码来验证这一点。

<span style="font-size:14px;">console.log(sum);        //控制台输出sum函数的源代码，此时函数还未定义  
function sum(a,b){  
    return a+b;  
}  
console.log(sum(2,3));   //5</span>

既然提到函数声明，就要提到函数的作用域。函数作用域是指在函数内声明的所有变量在函数体内始终是可见的，这意味着，变量在声明之前已经可用。这个特性可以被称为声明提前，即在函数体内声明的所有变量，在声明之前已经有定义，但只有在执行到这个变量时才会被真正赋值。从以代码可以清晰地看到这一点

<span style="font-size:14px;">var scope = "global";  
function f(){  
  console.log(scope);         //输出“undefined”，而不是“global”  
  var scope = "local";          //变量在这里赋初始值，但变量本身在函数体内任何地方均是有定义的  
  console.log(scope);         //输出“local”  
}  
f();</span>

以上代码等价于

<span style="font-size:14px;">var scope = "global";  
function f() {  
  var scope;                //在函数顶部声明了局部变量，即声明提前  
  console.log(scope);         //变量存在，输出“undefined”，而不是“global”  
  var scope = "local";       //变量在这里赋初始值    
console.log(scope);         //输出“local”  
}  
f();</span>

2. 函数直接量表达式

//求阶乘的函数  
var factorial = function fact(x){   //将函数赋值给一个变量  
    if(x<0) {return NaN;}  
    else if(x===0) {return 1;}  
    else  
    return x*fact(x-1);     //递归函数  
};  
console.log(factorial(3));      //6

与函数定义语句一样，函数直接量表达式也是用到了关键字function。一般这种定义方式适用于将它作为一个大的表达式的一部分，比如在赋值和调用过程中定义函数。通过函数直接量生成的函数，函数名称可以省略，此时就是一个匿名函数。如下例所示：这样可以使代码更为紧凑。函数定义表达式特别适合用来定义那些只会用到一次的函数。

var f=function(x){    //省略函数名的匿名函数  
  return x*x;  
}

与函数定义语句不同的是，函数直接量表达式是在执行到代码时才加载函数的，我们可以用下面的代码来说明。

console.log(f);        //控制台输出undefined，此时函数f还未加载  
var f=function(x){     //开始加载函数  
  return x*x;  
}  
console.log(f);       //控制台输出函数的源代码

3. Function()构造函数

var f = new Function("x","y","return x+y");  //Function()构造函数  
var f = function(x,y){return x+y};  //这两条代码是等价的

var a = 3;     //在顶层函数中声明变量a  
function f(){  
    var a = 2;   //在函数体内声明局部变量a  
    return new Function("return a*a;");   //无法捕获局部作用域  
}  
console.log(f()());     //控制台输出9而非4，说明构造函数的编译在顶层函数执行

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/645