js中三种作用域详解(全局,函数,块级)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中三种作用域详解(全局,函数,块级)相关的知识,希望对你有一定的参考价值。

1.全局变量:声明在函数外部的变量(所有没有var直接赋值的变量都属于全局变量)

2.局部变量:声明在函数内部的变量(所有没有var直接赋值的变量都属于全局变量)

JS中变量申明分显式申明和隐式申明。 

vari=100;//显式申明 

i=100;//隐式申明 

  在函数中使用var关键字进行显式申明的变量是做为局部变量,而没有用var关键字,使用直接赋值方式声明的是全局变量。   

  当我们使用访问一个没有声明的变量时,JS会报错。而当我们给一个没有声明的变量赋值时,JS不会报错,相反它会认为我们是要隐式申明一个全局变量,这一点一定要注意。

JavaScript强化教程

全局作用域针对于全局变量来说;

 

1<script type="text/javascript">  

2alert(c);//输出undefind  

3   // alert(d);报错错  

4 var c=3;  

5    function test(){  

6        var a=1;  

7        b=2;  

8        alert(c)//输出三  

9    }  

10     alert(c);//输出3  

11      test();  

12     </script>  

 

全局变量在整个上下文都有效只是在没有赋值之前调用,会输出undefin

 

函数作用域是针对局部变量来说的,在函数中定义的变量在函数外不能获取

 

 

1    function test(){  

2        alert(a);//声明未赋值输出undefine  

3        var a=1;  

4        alert(a);//1  

5    }  

6// alert(a);报错,外部获取不到  

7  

8test();  

9//alert(a);保存不能输出  

 

块级作用域

 

  概念“{}”中间的部分都是块级作用域exfor while if js中没有块级作用域,但是可以用闭包实现类似功能。

 

1<script type="text/javascript">  

2    var i=1;  

3    if(i==1){  

4        var b=2;  

5    }  

6    alert(b);//输出2  

7    for(var j=0;j<=2;j++){  

8        var c=3;  

9    }  

10         alert(c);//输出3  

11     </script>  

 


以上是关于js中三种作用域详解(全局,函数,块级)的主要内容,如果未能解决你的问题,请参考以下文章

var与let区别-详解块级作用域与局部作用域

javascript 作用域详解

js声明变量三种方式

let与const详解

JavaScript 变量作用域 详解

let 与 var