javascript作用域解析

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.函数执行完后会从执行栈顶弹出来;
 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值