javascript变量声明与函数声明提升

Posted 2020-10-02

在javascript中，在声明变量或者函数前就使用变量或者函数，会产生以外的错误。这些在很多JS的笔试题中都会出现。

先看下面这道题：

1 (function( ) {
2      var x = foo( );
3      var foo = function foo( ){
4            return "foobar" ；
5      } 
6      return x; 
7 })( );
问：上面函数的返回值是（）

A、类型错误
B、foobar
C、undefined
D、foo( )
答案应该选A，而不是D。说到这原因大家应该都清楚了。问题就处在这一句代码处：
var foo = function foo(){
　　return "foobar";
}
使用var声明变量foo，会将其提升至函数体的最前面，但后面函数表达式不会提升相当于下面这样：
var foo；
var x = foo();
foo = function foo(){....};
因此当函数执行到var x = foo();时，函数foo()还没有声明，因此会出现类型错误：TypeError: foo is not a function.

要想解决上面的代码问题有两重=种方式：
1、

(function( ) {
     var foo = function foo( ){
            return "foobar"   
     }  
     var x = foo( );

     return x; 

 })( );

2、去掉var foo，直接利用function()声明foo（）,这样foo（）也会被提升到最前面

1 (function( ) {
2      var x = foo( );
3      function foo( ){
4            return "foobar" ；
5      } 
6      return x; 
7 })( );