JS变量的声明被提前到作用域顶部，赋值则保留在原地

JS变量的声明被提前到作用域顶部，赋值保留在原地；(不要小看这句总结)请看下面这个例子：

var color = "blue";
function getColor()
{
	console.log(color);   // undefined
	var color = "red";
	return color;
}
console.log(getColor());  // red

    可能你已经掌握了局部作用域会覆盖上一级作用域的同名变量。然后Line4的color先使用上一级作用域的color，所以误认为值是blue。其实不是，原因就在于，JS变量的声明（var修饰）会被提前到函数作用域的开始处，即相当于Line5的var color="red";被分解成var color; color="red";而var color先被JS引擎解析，覆盖了上一级的color，接着执行Line4的输出，此时color没有被赋值，赋值color="red";依然保留在Line5处。

    这个细节，告诉我们，不能只知其一不知其二。（上面的代码大概引自《JavaScript高级程序设计》）

    ♣特别是函数：

    代码1：

alert(sum(1,1));//2
function sum(a,b){
	return a+b;
}

 

    代码2：

    

alert(sum(1,1));  // 报错
var sum = function (a,b){
	return a+b;
}

 

-------------------------------------------------

另外一个比较生动的参考是：

[1]Javascript：谈谈JS的全局变量跟局部变量 - 刀刀的专栏 - 博客频道 - CSDN.NET 

http://blog.csdn.net/zyz511919766/article/details/7276089