上次说了一下JavaScript预编译,在预编译过程中JavaScript函数会生成AO对象这个东西,个AO对象也称之为“执行期上下文”。今天说一下这个作用域和作用域链,明白这个东西,会更明白JavaScript代码。
一,作用域
其实每个JavaScript函数都是一个对象,对象中有些属性我们可以访问,有的不可以,
就像test()函数的test.name是可以访问的,[[scope]]属性是不能访问的,而[[scope]]就是我们所说的作用域,
其中存储的就是执行期上下文的集合
二,作用域链
[[scope]]所存储的执行期上下文对象的集合,这个集合呈链式链接,我们把这种链式链接叫做作用域链。
最上面所说我们函数开始预编译时候创建AO对象叫做“执行期上下文”,
一个执行期上下文定义了一个函数执行时的环境,
而这个AO对象当函数开始时创建,
函数结束时销毁,也就是说执行一次这个函数,相对应的生成一个AO对象。
而在作用域链中生成AO对象,
在查找变量时候在作用域链的顶端往下面找
以下面代码为例
function a(){
function b(){
var b = 234;}
var a = 123;
b();
}
var glob = 100;
a();
当函数a执行时,在还未进行预编译时候,执行期上下文定义函数执行环境。
此时a函数的执行环境是全局即GO对象
a defined
a.[[scope]] -- >0: GO,
a doing
a.[[scope]] -- >0
:aAO,
a
a.[[scope]] -- >1
: GO,
上述过程思考一下,上面说,函数在查找变量的时候在作用域的顶端往下面找,在a函数定义执行环境时,
此时
环境时GO,在a函数的作用域链的顶端存入GO,在a函数执行的时候,生成AO,
此时GO向下移动,在最顶端[0]的位置
存入AO,于是在查找变量的时候,先找AO,再找GO,从里向外。
在a函数定义环境时
在a函数执行时
在b函数执行时,此时它的环境时a函数
b defined b.[[scope]] -- > 0 : aAO
b b.[[scope]] -- > 1 : GO
b doing b.[[scope]] -- > 0 : bAO`
b b.[[scope]] -- > 1 : aAO
b b.[[scope]] -- > 2 : GO
在b函数定义函数执行环境
在b函数执行时
在b函数执行结束时,把自己的AO对象进行销毁。
b函数执行完之后,a函数执行完,大家看上文,在a函数执行期上下文里面有个b函数,所以当a函数执行完,
把a函数的AO对象销毁之后,b函数不用等到下次执行了,b函数直接没了。
当下次执行a函数的时候,再次生成一个新的AO对象,此时再次生成b函数。
以下例子我们在重新看一下
function a(){
function b(){
function c(){}
c();
}
b();
}
a();
a defined a.[[scope]] -- > 0 :GOa doing a.[[scope]] -- > 1 :aAO
b defined b.[[scope]] -- > 0 :aAO
b b.[[scope]] -- > 1 :GO
b doing b.[[scope]] -- > 0 :bAO
b b.[[scope]] -- > 1 :aAO
b b.[[scope]] -- > 2 :GO
c defined c.[[scope]] -- > 0 :bAO
c c.[[scope]] -- > 1 :aAO
c c.[[scope]] -- > 2 :GO
c doing c.[[scope]] -- > 0 :cAO
c c.[[scope]] -- > 1 :bAO
c c.[[scope]] -- > 2 :aAO
c c.[[scope]] -- > 3 :GO
由上述过程,我们还又理解了一个东西,函数访问变量只能里层访问外层,不能外层访问里层。
JavaScript语言我个人感觉是最有意思的了,我也是一个初学者,遇到问题,喜欢在博客上分享,
也希望能帮到大家。
一个初学者,有什么不足或者纰漏的话,希望在下面评论出来,相互学习,共同进步。