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