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(){}的方式定义函数。