如何深入解析JavaScript执行流程的细节原理？

本文共计1965个文字，预计阅读时间需要8分钟。

从定义到执行，JavaScript 引擎在实现层做了大量初始化工作。在学习 JS 引擎工作原理前，我们需要了解几个关键概念：执行环境栈、全局对象、执行环境、变量对象、活动对象。

Javascript从定义到执行，JS引擎在实现层做了很多初始化工作，因此在学习JS引擎工作机制之前，我们需要引入几个相关的概念：执行环境栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等，这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念，而是通过一个简单的DEMO来展开分析，全局讲解JS引擎从定义到执行的每一个细节，以及这些概念在其中所扮演的角色。

var x = 1; //定义一个全局变量 x function A(y){ var x = 2; //定义一个局部变量 x function B(z){ //定义一个内部函数 B console.log(x+y+z); } return B; //返回函数B的引用 } var C = A(1); //执行A,返回B C(1); //执行函数B，输出 4

下面我们将分全局初始化、执行函数A、执行函数B 三个阶段来分析JS引擎的工作机制：

1. 全局初始化

JS引擎在进入一段可执行的代码时，需要完成以下三个初始化工作：

首先，创建一个全局对象(Global Object) ， 这个对象全局只存在一份，它的属性在任何地方都可以访问，它的存在伴随着应用程序的整个生命周期。全局对象在创建时，将Math,String,Date,document 等常用的JS对象作为其属性。