我们都知道,javaScript的变量有分为全局变量和局部变量。全局变量就是:直接定义的变量,可以被所有脚本访问;局部变量就是:在函数里定义的变量,只在函数内有效。但是JavaScript的变量是没有块范围的,所以有时候会出现很怪的事情。我们来看下面的例子。
<script type="text/javascript">
// 定义全局变量
var scope = "全局变量";
function test()
{
// 因此全局变量被局部变量覆盖
// 而此时scope局部变量尚未赋值,故此处输出undefined
document.writeln(scope + "<br />");
// 定义scope的局部变量,其作用范围为整个函数内
var scope = "局部变量";
// 再次输出scope的值。
document.writeln(scope + "<br />");
}
test();
</script>
运行的结果却是:
那么为什么会出现这样的情况呢?这是因为全局变量scope在test()函数中已经被覆盖了,局部变量在整个test()函数内都是有效的,但此处scope还没被赋值,故此处输出undefibed.
所以定义变量用var和不用var是有区别的:
1) 如果使用var定义变量,那么程序会强制定义一个新变量。
2) 如果没有使用var定义变量,系统会优先在当前上下文中搜索是否存在该变量。只有在变量不存在的前提下,系统才会重新定义一个新变量。