Javascript中的作用域问题详解

一、前言

在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关键字,它在全局作用域中声明的变量仍为全局变量,而在局部作用域中声明的变量为局部变量。。

猜你喜欢

转载自blog.csdn.net/qq_32925031/article/details/88659380
今日推荐