码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2017-08-13 20:46:00      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:表达   rip   声明   cti   return   利用   试题   err   logs   

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

 

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

标签:表达   rip   声明   cti   return   利用   试题   err   logs   

原文地址:http://www.cnblogs.com/shuizhongyu111/p/7354528.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!