在JavaScript中,在声明变量或者函数前就使用变量或者函数,会产生以外的错误。这些在很多JS的笔试题中都会出现。
先看下面这道题:
1 (function( ) { 2 var x = foo( ); 3 var foo = function foo( ){ 4 return "foobar" ; 5 } 6 return x; 7 })( );问:上面函数的返回值是() A、类型错误B、foobarC、undefinedD、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 })( );
时间: 2024-10-29 19:08:06