一、前言
在javascirpt中的作用域一直是一个比较困扰人又比较奇怪的问题,接下来笔者就javascript作用域问题进行一个详细的解释跟说明。
二、Javascript中的作用域
在javascript中只有两种作用域:全局作用域跟局部(函数)作用域。而像while/for/if这些语言结构是没有自己的作用域的,也就是说在它们体内声明的变量都是全局变量。接下来笔者用实例来说明:
1、if/for/while等语言结构没有自己的作用域
我们首先声明了一个变量a,随后在if判断语句中又重新声明了一个变量a,而且if判断语句中的变量声明是带var
的。我们知道,如果是在局部作用域中,用var
声明变量说明这个变量是局部变量。我们来看一下在控制台的输入结果:
发现a的值发生了改变,这说明在if是没有自己的作用域的。
接下来我们看一下函数作用域。
2、函数作用域
我们在上面的代码中加入一个函数,并在该函数中声明同名变量:
此时看一下控制台的输出:
可以看到输出结果仍为2,函数中的声明并没有改变a的值,说明函数是有自己的作用域的。
如果我们将函数声明中的var
给去掉呢?像这样:
此时我们再来看一下控制台的输出:
可以看到此时控制台的输出已经发生了变化。这说明即使是在函数中声明的变量,如果不带var
关键字进行声明的话,其声明的变量也是全局变量。
还有一点特别有趣的就是:其实在javascript中,所有的全局变量都是window对象的属性。我们继续以上面的例子来验证一下。
此时控制台的输出为:
可以看到console.log(window.a)
输出为变量a的值,而consloe.log(window.b)
显示未定义,这是因为b是在函数中用关键字var
定义的,为局部变量,因此不是window对象的属性。
三、总结
javascritp中的作用域只有两种,全局跟局部,其中全局变量其实是window对象的属性,而局部作用域只有在函数中用关键字var
声明才生效。因此为了避免作用域的问题,声明变量时最好加上var
关键字,它在全局作用域中声明的变量仍为全局变量,而在局部作用域中声明的变量为局部变量。。