今天看到关于javascript没有块级作用域的解释,才豁然开朗。前面知其然的东西到现在才知其所以然。
例1:
<script>
var scope="global";
function f()
{
alert(scope);//"global"
}
f();
</script>
例2:
<script>
var scope="global";
function f()
{
alert(scope); //undefined
var scope="local"; //local
alert(scope);
}
f();
</script>
运行结果:例1:global
例2:undefinedlocal
解释说明:例1的结果显而易见,scope是具有全局变量作用域,直接输出全局作用域值"global"
初次碰到例2时,想当然认为由于scope的全局性,第一处的输出应该是“global”,到后面定义了局部变量后才隐藏全局变量作用域。这样就刚好落入了陷阱。
javascript是没有块级作用域的。函数中声明的所有变量,无论是在哪里声明的,在整个函数中它们都是有定义的。因此例2中局部变量scope在整个函数体f中都是有定义的,但是在执行var语句之前没有被初始化,因此例2等价于:
<script>
var scope="global";
function f()
{
var scope;
alert(scope);//undefined
scope="local"; //local
alert(scope);
}
f();
</script>