Javascript ES3执行上下文

看了慕课网Bosn老师的视频和深入理解JavaScript之执行上下文，做个总结。

目录：

**一. 执行上下文

二. 变量初始化阶段

三. 代码执行阶段

四. 综合示例**

一，执行上下文

三种执行上下文的情况：

①全局级别的代码 - 这个是默认的代码运行环境，一旦代码被载入，引擎最先进入的就是这个环境。

②函数级别的代码 - 当执行一个函数时，运行函数体中的代码。

③Eval的代码 - 在Eval函数内运行的代码。

执行上下文堆栈：

我们已经知道，当javascript代码文件被浏览器载入后，默认最先进入的是一个全局的执行上下文。当在全局上下文中调用执行一个函数时，程序流就进入该被调用函数内，此时引擎就会为该函数创建一个新的执行上下文，并且将其压入到执行上下文堆栈的顶部。浏览器总是执行当前在堆栈顶部的上下文，一旦执行完毕，该上下文就会从堆栈顶部被弹出，然后，进入其下的上下文执行代码。这样，堆栈中的上下文就会被依次执行并且弹出堆栈，直到回到全局的上下文。请看下面一个例子：



执行上下文的特点

单线程

同步执行

唯一的一个全局上下文

函数的执行上下文的个数没有限制

每次某个函数被调用，就会有个新的执行上下文为其创建，即使是调用的自身函数，也是如此。

二、变量初始化阶段

VO（Variable Object）对象是一个抽象概念，它用于存储执行上下文中变量、函数声明和函数参数。没有办法在JavaScript里直接访问到，浏览器会按照标准实现这些对象：

为什么在全局对象中能访问Math，String等函数，因为在全局作用域的VO里被初始化了这些函数等。



VO按照如下顺序填充：

1.函数参数（若未传入，初始化该参数值为undefined）：

建立arguments对象，检查当前上下文中的参数，建立该对象下的属性以及属性值

2.函数声明（若发生命名冲突，会覆盖）：

每找到一个函数声明，就在variableObject下面用函数名建立一个属性，属性值就是指向该函数在内存中的地址的一个引用

如果上述函数名已经存在于variableObject下，那么对应的属性值会被新的引用所覆盖。

3.变量声明（初始化变量值为undefined，若发生命名冲突，会忽略）：

每找到一个变量的声明，就在variableObject下，用变量名建立一个属性，属性值为undefined。

如果该变量名已经存在于variableObject属性中，直接跳过(防止指向函数的属性的值被变量属性覆盖为undefined)，原属性值不会被修改。

根据上述顺序来看一个例子：

函数激活对象AO的填充顺序如下：
1.a:10, b:undefined
2.d:<ref to func "d">
3.c:undefined, e:undefined(函数表达式不会影响VO)

三、代码执行阶段

执行函数体中的代码，一行一行地运行代码，给variableObject中的变量属性赋值

1. VO[‘c’] = 10;

2. VO[‘e’] = function _e() {};

3. VO[‘b’] = 20;

AO(test) = {
a:10,
b:20,
c:10,
d:<ref to functiondeclration "d">,
e:function _e() {};
}

四、综合示例

输出结果如下



注意几点：1.从全局函数开始理解

2.JavaScript中没有快级作用域，if中的语句都会被初始化

3.函数声明和变量声明冲突，变量声明会被忽略，执行时依然执行