JavaScript 作用域、作用域链

1:什么是作用域?

我们之前讲过,一个函数就相当于一个屋子,他和外边有阻隔,函数里边的东西能看到外边的东西,但是外边的看不到里边的东西,我们可以把函数所生成的这种空间就叫做作用域,但是这么叫不精准,作用域的确是随着一个函数的产生而产生的,现在就来探索一下作用域。

(1):执行期上下文

当函数执行的前一刻,会创建一个称为执行期上下文的内部对象,一个执行期上下文定义了一个函数执行时的环境,函数每次执行时对应的执行期上下文都是独一无二的,所以多次调用一个函数会导致创建多个执行期上下文,当函数执行完毕,他创建的执行期上下文被销毁。

解释:我们每次执行函数的前一刻系统都会创建 AO 对象,这个 AO 就定义了变量提升函数提升等,比如说定义了一个函数 test,当你调用他的时候他会创建一个 AO,当你再次调用的时候他还会再次创建另一个 AO,AO 只是一个临时的存储对象,当函数执行完毕时,AO 就会被销毁。

(2):[ [ scope ] ]

每个 JavaScript 函数都是一个对象,对象中有些属性我们可以访问,但有些不可以,这些属性仅供 JavaScript 引擎存取, [ [scope] ] 就是其中一个, [ [scope] ] 指的就是我们所说的作用域,其中存储了运行期上下文的集合。

(3):作用域链

[ [scope] ] 中所存储的执行期上下文对象的集合,这个集合呈链式链接,我们把这种链式链接叫做作用域链。在哪个函数里边查找变量,就去哪个函数的 作用域链顶端依次向下查找

2:示例:

function a(){
	function b(){
		var b = 234;
	}
	var a = 123;
	b();
}
var glob = 100;
a();

解析:当 a 函数被定义的时候,函数就有自己的属性,当然就有[[scope]],我
们就叫他 a.[[scope]],当 a 刚被定义的时候,这个作用域链只有一个东西
(如果我们把作用域理解成一个数组,那么就是第 0 位),就是 GO: 

a 函数被定义:a.[[scope]]------->0GO{a:function;glob:100} 
接下来,当 a 函数执行的前一刻,就产生了 AO,系统就会把 AO 放到作用域链
的最顶端, 把刚才的 GO 往下放一格(把 AO 放到第 0 位,GO 放到第 1) 

a 函数执行前:a.[[scope]]------>0:a 的 AO{a:123;  b:function}
 			          		  1GO{a:function;  glob:100} 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山大王杨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值