1、作用域是什么?
作用域:即变量(变量作用域又称上下文)的和函数生效(能被访问)的区域或集合
换句话说:作用域决定了代码区块中变量和其他资源的可见性。
举例:
上述代码中,函数myFunction内部创建了一个inVariable变量,当我们在全局访问这个变量的时候,系统会报错。
这说明,我们在全局是无法获取(闭包除外)的函数内部的变量。
一般作用域分为:
全局作用域
函数作用域
块级作用域
全局作用域:任何不在函数中或者大括号中声明的变量,都是在全局作用域下,全局作用域下声明的变量可以在程序的任意位置访问。
函数作用域:又称局部作用域,如果一个变量是在函数内部声明的,它就在一个函数作用域下面,这些变量只能在函数内部访问,不能在函数外访问。
上述代码中,在函数内部声明的变量或函数,在函数外部是无法访问的,这说明在函数内部定义的变量或者方法只是函数作用域。
块级作用域:es6引入了let和const关键字,和关键字var不同,在大括号中使用let和const声明的变量存在于块级作用域中。在大括号之外不能访问这些变量。
2、词法作用域
又称静态作用域,变量被创建时就确定好了,而非执行阶段确定,也就是说写好代码的时候它的作用域就确定了,Javascript遵循的就是词法作用域。
由于javascript遵循词法作用域,相同层级的foo和bar就没有办法访问到彼此块作用域中的变量,所以输出为2。
3、作用域链
当在javascript中使用一个变量的时候,首先javascript引擎会尝试在当前作用域下寻找该变量,如果没有找到,再到它的上层作用域寻找,依次类推直到找到变量或者是已经到了全局作用域。如果在全局作用域仍找不到该变量,它就会在全局范围内隐式声明该变量(非严格模式下)或者是直接报错。
图解:把作用域比作一个建筑,这份建筑代表程序中的嵌套作用域链,第一层代表当前的 执行作用域,顶层代表全局作用域。
变量的引用会顺着当前的楼层查找,如果找不到,则会往上一层找,一旦达到顶层,查找的过程都会停止。
上述代码主要做了以下工作:
student函数内部属于最内层作用域,找不到name,向上一层作用域person函数内部找,找到了输出“张三”
student内部输出的sex找不到,向上一层作用域person函数找,还找不到继续向上一层找,即全局作用域,找到了输出“男”
在person函数内部输出age时,找不到,向上一层作用域找,即全局作用域,还是找不到则报错。