javascript悬挂

先看一段代码：

var scope = "global";  
function f() {  
console.log(scope);   
var scope = "local";   
console.log(scope);   
}

这段代码的输出结果是：

undefined  
local 

 js犀牛书上的解释是，与全局变量同名的局部变量在整个函数内部覆盖全局变量。简而言之，所有函数体内的变量声明（注意，仅仅是声明）都将被提到函数体开头进行。上述代码相当于以下代码的运行结果：

var scope = "global";  
function f() {  
var scope; //声明提到这里  
console.log(scope);   
var scope = "local"; //赋值仍然在这里  
console.log(scope);   
} 

关于嵌套函数的定义则更加有趣，函数的定义分为以下两种方式：

var f = function(){  
//statement here;  
}    
function f(){  
//statement here;  
} 

由于js“悬挂”的存在，以上两种函数定义在下面的函数中有不同表现。

var bar = function(){  
      alert("bar global");  
}  
function f() {  
    bar();  
    function bar(){  
       alert("bar local");  
    }  
}    
//以上语句等同于  
/* 
var bar = function() { 
alert("bar global"); 
} 
function f() { 
// 函数的声明和定义都悬挂到开头进行 
   var bar = function() { 
        alert("bar local"); 
   } 
   bar(); } 
*/  
var bar = function() {  
        alert("bar global");  
}  
function f() {  
bar();  
var bar = function() {  
        alert("bar local");  
   }  
}   
/* 
而这种方法则等同于： 
var bar = function(){ 
      alert("bar global"); 
} 
function f(){ 
  var bar； 
  bar(); 
  var bar = function(){ 
        alert("bar local") 
   } 
} */  

也即，用变量声明的方式定义函数时候，只有声明被提到函数的开头，而用函数定义的方式定义函数时，整个函数体都会被提到函数的开头，这样导致了一个问题：

       第二种定义方式允许函数没定义之前就使用它。

因此，在js good parts中作者推荐是用 var bar = function(){}的方式定义函数。