var x = 1;
function A(a){
var x = 3;
function B(b){
alert(x + a + b);
}
return B;
}
var C = A(1);
C(2);
根据上面代码了解下js引擎解析执行代码的大致过程:
初始化:
1.js引擎会构建一个上下文执行栈;
2.创建一个全局的执行环境,将全局环境压入到执行栈中;
3.创建与全局执行环境关联的全局变量对象VO,此VO对象指向全局对象,不仅包含了全局对象原有的属性还包括在全局定义的变量x,C和函数A,在定义函数A的时候还为A添加了内部属性scope并将其指向全局变量VO;
执行函数A:
3.创建函数A的上下文执行环境EC,压入执行栈顶部;
4.创建函数A的活动对象AO,该AO包含了函数的形参a,arguments,this对象,局部变量x以及内部函数B的定义,注意其中定义函数A里面的函数B的时候会给函数B添加一个scope属性并初始化为函数A的活动对象AO;
执行函数B,因为函数A执行完之后返回了函数B的引用,函数C指向函数B的引用,所以执行函数C相当于执行函数B:
5.创建函数B的上下文执行环境EC,压入执行栈顶部;
6.创建函数B的活动对象AO,该AO包含了函数的形参b,arguments,this对象;
7.函数B执行x + a +b,需要对x,a,b三个标识符进行解析,解析规则:沿着作用域链从顶端开始逐步查找,查找不到则返回“undefined”;
得明确的几点:
1.变量对象(VO)与全局执行环境关联,活动对象(AO)与某个函数的执行环境相关联,个人理解VO和AO是同一个概念,AO在函数执行环境中扮演着VO的角色;
2.每个函数在定义的时候都会创建一个与之关联的scope属性,指向定义该函数时所处的环境,例如在函数A中定义函数B的时候会将函数B的scope初始化为函数A的活动对象AO;
3.函数上下文执行环境被创建的时候会初始化创建作用域链scopeChain并初始化为当前运行函数的scope所包含的对象;
4.函数执行完后会从执行栈顶弹出来;