JavaScript中变量作用域

JavaScript中变量作用域

作者:DK

1、 javaScript中变量是基于特殊的作用域连。

2、 javaScript没有块级作用域。

3、 函数中声明的变量在整个函数中都是有意义的。

 

A、全局变量和局部变量

<script>        var x = 10;//全局变量  作用范围是全局的        function st(){               var z = 1000;//局部变量 作用范围是在st函数中。               alert(z);          }        st();        alert(x); </script>

在这个例子中，x为全局变量无论是在函数st内部还是st外部都可以访问，而z为局部变量只能在st函数内部访问。

B、作用域连

<script>        var x = 10;//全局变量        function st(){ //函数St               function innerSt(){  //st内部的函数innerSt                      alert(x); //弹出10               }               innerSt();//调用内部函数        }        st();//调用St函数 </script>

在这个例子中x为全局变量，innerSt为内部函数，当执行alert(x)时，javascript引擎会现在innerSt函数中寻找变量x，当找不到时则向上寻找在st函数中寻找x，还是找不到时就继续向上在全局中寻找变量x。

<script>        var x = 10;//全局变量        function st(){ //函数St         var x = 100;               function innerSt(){  //st内部的函数innerSt                      alert(x); //弹出100               }               innerSt();//调用内部函数        }        st();//调用St函数     alert(x); </script>

在这个例子中，由于st函数内部定义了变量x所有innerSt内部会弹出100；而外部的alert则弹出10；

 

C、javaScript中没有块级作用域，所有没有块级作用域就是在任何代码块中定义的变量都是属于该代码块的上一级作用域的。所有代码块就是if块switch块  循环块等。

例如：

在java中

public class Test{        public static void main(String args[]){               int x = 10;               if(x==10){                      String str = “呵呵”;                      System.out.println(str);               }        } }

这段代码中str的作用域仅仅是在if代码块中，而javaScript中则截然不同：

<script> var x = 10; if(x==10){        var y = 100; } for(var z=0;z<1000;z++){ } alert(x);//弹出10 alert(y);//弹出100 alert(z);//弹出1000 </script>

在这段代码中xyz的作用域是相同的，都是全局的。这个就是说在任何代码块中定义的变量作用域都是该代码块的上一级作用域。

 

D、函数中声明的变量在整个函数中都是有意义的，即使该变量没有定义在第一行。

<script> var x = 10; function st(){        alert(x);//弹出10 } st(); </script>

在这段代码中，st函数中使用全局变量x。在看下面的代码：

<script> var x = 10; function st(){        alert(x);//弹出undefined        var x = 100;        alert(x);//弹出100 } st(); </script>

在这段代码中，st函数的第一行的alert并没有使用全局变量x，而是使用了局部变量x，但是由于在赋值之前使用的，所有弹出undefined。说明在st函数的第二行定义的局部变量x在st整个函数中覆盖了全局变量x。这段代码就相当于:

<script> var x = 10; function st(){        var x;        alert(x);        x = 100;        alert(x); } st(); </script>

 

E、所有的隐式变量都是全局变量

<script> function st(){        x = 100;        alert(x);//弹出100 } st(); alert(x);//弹出100 </script>

在这个例子中x变量属于隐式变量，x的作用域就是全局的。

 

 

F、全局变量都是window对象的属性 

<script> var x = 10; alert(window.x);//弹出10 </script>

在这段代码中使用了window对象，当然我们实际编写时一般都是省略window关键字的