JavaScript函数表达式

函数表达式是JavaScript中的一个既强大又容易令人困惑的特性。定义函数的方式有两种：一种是函数声明，另一种就是函数表达式。

函数声明的语法：

 

function 函数名(参数1,参数2,参数三){
    //函数体
}

首先是function关键字，然后是函数的名字，这就是指定函数名的方式。

 

关于函数声明，它的一个重要特征就是函数声明提升，意思是在执行代码之前会先读取函数声明。这就意味着可以把函数声明放在调用它的语句后面。

 

sayHi();
function sayHi(){
    alert("hi");
}

这个例子不会抛出错误，能够正常弹出框显示“hi”，因为在代码执行之前会先读取函数声明。

 

第二种创建函数的方式是使用函数表达式。函数表达式有几种不同的语法形式，最常见的一种如下：

 

var 函数名=function(参数1,参数2,参数三){
    //函数体
}

这种形式看起来好像是常规的变量赋值语句，即创建一个函数并将它赋值给一个变量，这种情况下创建的函数叫做匿名函数，因为function关键字后面没有标识符。匿名函数有时候也叫拉姆达函数。

 

函数表达式与其他表达式一样，使用前必须先赋值，也就是说跟函数声明的方式不同

 

sayHello();
var sayHello=function(){
    alert("hello");
}

因此，上面的代码会出错。必须先赋值才能使用。

 

理解函数提升的关键，就是理解函数声明与函数表达式之间的区别。

 

if(condition){
    function sayHi(){
        alert("hi");
    }
}else{
    function sayHi(){
        alert("yo");
    }
}

表面上看，以上代码在condition在true时，使用第一个sayHi的定义否则使用第二个。但实际上，这在ECMAScript中属于无效语法，，JavaScript引擎会尝试修正错误，将其转换为合理的状态。但问题是浏览器尝试修正错误的做法并不一致。大多数浏览器会返回第二个声明，忽略condition；Firefox会在condition为true时返回第一个。因此这种方式很危险，不应该出现在代码中。

 

不过，如果是使用函数表达式，那就没有什么问题了。

 

var sayHi;
if(condition){
    sayHi=function(){
        alert("hi");
    };
}else{
    sayHi= function () {
        alert("yo");
    };
}

这个例子不会有什么意外，不同的函数会根据condition被赋值给sayHi。

 

能够创建函数再赋值给变量，也就能够把函数作为其他函数的值返回。

 

function reFunction(){
    return function () {
        //函数体
    };
}