js没有块级作用域
JavaScript没有块级作用域。在其他语言上,比如C语言中,有花括号封闭的代码块都有自己的作用域,(如果用ECMAScript的话来讲,就是他们自己的执行环境),因而支持根据条件来定义变量。例如,下面的代码效果
if (true) {
var color = "blue";
}
alert(color);//blue
这里是一个if语句中定义了一个变量color,如果是在C,C++或者Java中,color会在if执行后被销毁。但是在JavaScript中,if语句中的变量声明会将变量添加到当前的执行环境(这里是全局环境)中。在使用for语句时尤其要牢记这个差异。例如
for (var i =0; i < 10; i++) {
doSomething(i);
}
alert(i); // 10
对于有块级作用域的语言来说,for语句初始化变量的表达式所定义的变量,只会存在于循环的环境中。而对于JavaScript来说,for语句创建的变量i即使在for循环执行结束之后,依旧存在于循环外部的执行环境之中。
1.声明变量
使用var声明变量会自动被添加到最近的环境之中。在函数内部,最接近的环境就是函数的局部环境;如果没有使用var,则变量会被自动添加到全局环境中。
var scope="global";
function f(){
console.log(scope);
var scope="local"
console.log(scope);
}
f();
会输出什么?
答案:undefined local
代码段2:
1 var scope="global"; 2 function f(){ 3 var scope; 4 console.log(scope); 5 scope="local" 6 console.log(scope); 7 } 8 f();
又会输出什么?
答案:undefined local
代码段3:
1 var scope="global"; 2 function f(){ 3 console.log(scope); 4 } 5 f();
又会输出什么?
答案:global
通过以上三个例子,下面解释“JavaScript没有块级作用域,有函数作用域”这句话。
在JavaScript中,由于函数作用域的特性,代码段1和代码段2是等价的,局部变量在整个函数体是中是有定义的,
也就是说,代码段1在函数体内的局部变量scope覆盖了同名全局变量,并且只有在程序执行到var 语句的时候,局部变量scope才会被真正的
赋值。因此,上述过程等价于:将函数内的变量声明“提前”至函数体顶部,同时变量初始化留在原来的位置:也就是代码段2。
在具有块级作用域的编程语言中,在狭小的作用域里让变量声明和使用变量的代码尽可能靠近彼此,通常来讲,这是一个非常不错的编程
习惯。由于JavaScript没有块级作用域,因此,一些程序员特意将变量声明放在函数体顶部,而不是将声明靠近放在使用变量之处。这种做法
使得他们的源代码非常清晰地放映了知识的变量作用域。