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

在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 })( );

 

posted @ 2017-08-13 19:50  水中鱼的夏天  阅读(203)  评论(0编辑  收藏  举报