javascript执行上下文学习一

时间:2023-03-10 03:41:50
javascript执行上下文学习一

原文:

http://web.jobbole.com/84044/

http://blog.csdn.net/github_34514750/article/details/52901781

1.三种执行环境:

全局(global scope)

函数(function scope)

eval(eval scope)

2.三种不同执行环境,构成不同执行上下文(execution context,EC),这些EC构成一个一个执行上下文栈(execution context stack,ECS)。

每当控制器到达ECMAScript可执行代码的时候,控制器就进入了一个执行上下文。执行上下文是个抽象概念,标准中没有从技术实现上定义执行上下文的具体结构和类型。就是一系列活动的执行上下文从逻辑上形成一个栈(比较抽象)。栈底总是全局上下文,栈顶是当前(活动的)执行上下文。当在不同的执行上下文间切换(退出而进入新的执行上下文)的时候,栈会被修改(通过压栈或者出栈的形式)。

a.变量对象(VO,variable object)
执行上下文的数据是以变量对象的属性形式进行存储的。当JavaScript代码运行中,如果试图寻找一个变量的时候,就会首先查找VO。其次到scope chain上去找。 一个变量对象(简写为VO)是一个和执行上下文相关的特别对象,存储以下内容:
变量(声明的变量,varible declaration)
函数声明(简写为FD,function declaration) 在上下文中,函数声明的形式参数(arguments),Arguments对象是活动对象的一个属性,它包括如下属性:callee — 指向当前函数的引用;length — 真正传递的参数个数;properties-indexes (字符串类型的整数) 属性的值就是函数的参数值(按参数列表从左到右排列);properties-indexes内部元素的个数等于arguments.length。properties-indexes的值和实际传递进来的参数之间是共享的。变量声明在顺序上跟在函数声明和形式参数声明之后,而且在这个进入上下文阶段,变量声明不会干扰VO中已经存在的同名函数声明或形式参数声明

对于VO,是有下面两种特殊情况的:

  • 函数表达式(与函数声明相对)不包含在VO之中。
  • 没有使用var声明的变量(这种变量是,”全局”的声明方式,只是给Global添加了一个属性,并不在VO中。

变量对象VO是与执行上下文相关的特殊对象,用来存储上下文的函数声明,函数形参和变量。在global全局上下文中,变量对象也是全局对象自身,等于this,VO(globalContext) === global。在函数上下文中,变量对象被表示为活动对象AO。当函数被调用后,这个特殊的活动对象就被创建了。它包含普通参数与特殊参数对象(具有索引属性的参数映射表)。活动对象在函数上下文中作为变量对象使用。VO(functionContext) === AO;

b.作用域链(scope chain)

作用域链是一条变量对象的链,它和执行上下文有关,用于在处理标识符的时候进行变量查询。
函数上下文的作用域链在函数调用的时候创建出来,它包含了活跃对象和该函数的内部[[Scope]]属性。 执行上下文变量大致如下:
activeExecutionContext = {
VO:{...},//或者AO
this:thisValue,
Scope:[
//作用域链,所有变量对象的列表,用来查询标识符
]
} 上面Scope可以定义如下:
Scope = AO+[[Scope]]
可以用数组进行表示:
var Scope = [VO1,VO2,...,VOn];//作用域链 c.this 执行上下文综合图:
javascript执行上下文学习一

3.当一段JavaScript代码执行的时候,JavaScript解释器会创建Execution Context,其实这里会有两个阶段:

  • 创建阶段(当函数被调用,但是开始执行函数内部代码之前)
    • 创建Scope chain
    • 创建VO/AO(variables, functions and arguments)
    • 设置this的值
  • 激活/代码执行阶段
    • 设置变量的值、函数的引用,然后解释/执行代码