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