JS函数声明和函数表达式的区别

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

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

1. function functionName(){

2.     // JS Code

3. }

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

1. var functionName = function(){

2.     // JS Code

3. }

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

对于函数声明，JS解析器会在预解析阶段优先读取函数声明的代码，以确保函数能够被引用到；而对于函数表达式，只有在执行到相应的语句时才进行解析。

 事实上，js的解析器对函数声明与函数表达式并不是一视同仁地对待的。对于函数声明，js解析器会优先读取，确保在所有代码执行之前声明已经被解析，而函数表达式，如同定义其它基本类型的变量一样，只在执行到某一句时也会对其进行解析，所以在实际中，它们还是会有差异的，具体表现在，当使用函数声明的形式来定义函数时，可将调用语句写在函数声明之前，而后者，这样做的话会报错。
请看下面代码：

1. try{

2.     demoFn1();

3.     function demoFn1(){

4.         alert("函数调用成功！");

5.     }

6. }catch(e){

7.     alert("函数调用失败！");

8. }

9. 

10. try{

11.     demoFn1();

12.     var demoFn1 = function(){

13.         alert("函数调用成功！");

14.     }

15. }catch(e){

16.     alert("函数调用失败！");

17. }

执行结果: