JavaScript的执行过程

执行上下文栈（Execution Context Stack，简称ECS）

js执行的调用栈，当js代码执行时，这段代码会入栈，执行完成会出栈。

全局执行上下文（Global Execution Context，简称GEC）

js运行时创建的执行上下文

函数执行上下文（Functional Execution Context，简称FEC）

在函数执行时创建的执行上下文，包含函数的AO对象、作用域链、绑定的this

全局对象（Global Object，简称GO）

js引擎在代码执行前会在堆中创建一个全局对象，全局对象中包含ECMA标准中的函数和类（String，Date等）它的window属性指向自己，因此也可以说window就是全局对象。

变量对象（Variable Object，简称VO）

每个执行上下文都有一个变量对象，全局执行上下文的变量对象就是全局对象函数执行上下文的变量对象就是执行函数的活动对象。

函数对象（Function Object，简称 FO）

函数在堆内存中的对象，包含函数体。

活动对象（个Activation Object，简称AO）

函数执行前预编译过程中创建的对象，活动对象中有函数内定义的变量（未赋值）

js引擎执行js代码的过程

浏览器下载网页时，浏览器内核解析html。当遇到script标签时，下载js代码并将js代码以流的形式传递给js引擎让js引擎进行js代码的解析。

首先js引擎会对js代码进行扫描，进行语义分析和语法分析，如果语义或语法出现问题则直接报错停止解析。

当通过语义和语法分析后，对js进行编译和预编译；编译时会将变量和函数加入到全局对象(Global Object)中。但此时的变量并没有赋值，变量赋值操作是发生在运行期间的，函数则会创建一个函数对象同时将这个对象的指针存入全局对象中。（如果函数名和变量名同名，函数会将变量覆盖）

这个过程完成后就形成了js的抽象语法树，然后会被引擎转换成二进制指令给cpu进行执行。执行时每一个上下文都会关联一个变量对象(Variable Object)，执行开始首先是全局对象进入执行上下文栈，此时全局执行上下文的变量对象就是全局对象，执行时遇到变量就给变量赋值，遇到函数调用时则创建一个函数执行上下文，执行上下文中的变量对象（就是函数的活动对象存储着函数中的变量（未赋值）和作用域链）并放入执行上下文栈中。当函数执行完则将函数的执行上下文弹出上下文栈。回到全局上下文执行。
行上下文栈中。当函数执行完则将函数的执行上下文弹出上下文栈。回到全局上下文执行。