js-8:作用域链

本文详细阐述了JavaScript的作用域概念,包括全局作用域、函数作用域和块级作用域,以及词法作用域和作用域链的工作原理。通过实例说明了变量在不同作用域下的可见性和查找过程。
摘要由CSDN通过智能技术生成

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时,找不到,向上一层作用域找,即全局作用域,还是找不到则报错。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值