在了解作用域链之前,我们应该需要先了解执行上下文,和执行上下文栈。
当一个函数执行的时候,它会被压入一个执行上下文栈,在函数执行完成之后,又会被弹栈
写这篇文章主要是写在看过文档之后,函数在创建和执行这两个过程当中是如何变化的。
我们知道我们找一个变量的时候,如果在本函数内找不到,就会去父级去找,直至global,这是因为函数在被创建的时候,它的内部属性[[scope]]
中就会保存有父级
我们来看一个列子:
function a(){
function b(){
}
}
在这个列子中,会有:
a.[[scope]]{
VO
}
b.[[scope]]{
a.VO,
b.AO
}
当函数执行的时候,会把函数的活动对象或者是变量对象添加到作用域的顶端,但是其中的细节应该是比较多步骤的,下面我们一起来看看:
var a=1;
function test(){
b=2;
return b;
}
test();
- 函数被创建,内部属性
test.[[scope]]{
VO
}
- 执行函数,函数上下文被压入执行上下文栈中
- 函数开始做准备工作,包括把自己的scope放到作用域链中
- 用arguments初始化活动对象,随后加入形参,函数声明,变量声明
- 将活动对象压入这个函数作用域链的顶端
- 然后开始执行函数,修改AO的属性值,具体的变化,我们可以参见上一篇文章执行上下文