JS函数声明和函数表达式

JS中有两种定义函数的方法：函数声明和函数表达式。

函数声明是指下面的形式：

function functionName(){
    // JS Code
}

函数表达式则类似于给变量赋值：

var functionName = function(){
    // JS Code
}

这两种写法相差无几，实际项目中都是可行的，我们可能也没有发现什么错误。但是，他们是有区别的，JS解析器对函数声明和函数表达式并不是一视同仁的。

对于函数声明，JS解析器会在预解析阶段优先读取函数声明的代码，以确保函数能够被引用到；而对于函数表达式，只有在执行到相应的语句时才进行解析。在实际中，具体表现在：当使用函数声明的形式来定义函数时，可将调用放在函数声明之后，而使用函数表达式，这样做的话会报错。

请看下面代码：

try{
    demoFn1();
    function demoFn1(){
        alert("函数调用成功！");
    }
}catch(e){
    alert("函数调用失败！");
}

try{
    demoFn2();
    var demoFn1 = function(){
        alert("函数调用成功！");
    }
}catch(e){
    alert("函数调用失败！");
}

实例演示：

JavaScript入门教程

专题分析

学习助手

JS函数声明和函数表达式