js代码执行过程分析

ES6之前，不存在块级作用域这一概念，只有执行环境这一概念。只存在全局和函数这两执行环境。
在web浏览器中js的最外层执行环境就是window对象。
在ES6中，引入了块级作用域。
js作为一门解释性语言，其运行过程分为预解析和自上而下逐行解释执行两个过程。

具体过程：

当进入一个执行环境的时候，JavaScript解释器会创建新的执行环境，但具体是怎么做的呢？主要分为两个阶段：

创建阶段（预解析）

• 创建VO/AO（varible object /activation object）（VO进入执行环境时创建，在全局状态下创建的就是global对象，该环境中所有的变量和函数在预解析过程中会以属性或者方法的形式保存到这个对象中。当当前执行环境关闭时，也就是浏览器页面关闭时，销毁此对象。该这一切都是解析器在后台完成的。）（AO在进入函数执行环境时创建（也就是函数环境中的VO），刚创建出来的只有一个arguments对象属性，函数执行结束后销毁。）
• 创建作用域链
• 设置this的值

执行阶段

• 设置变量的值（只赋值给最近的那个变量或者形参）
• 设置函数的引用
• 解释执行代码（我们在阅读代码时，执行阶段直接，函数直接忽略，如果是调用时才看）

对于"创建VO/AO"这一步，JavaScript解释器主要做了下面的事情：

• 根据函数参数，创建并初始化arguments object（在全局执行环境中没有）

• 查找函数声明
  对于找到的所有函数声明，将函数名和引用全部存入VO/AO
  如果在同一个执行环境中存在重名函数，后出现的会覆盖先出现的。（在预解析阶段执行）
  function进行预解析的时候，不仅是声明而且还定义（define）了，但是它存储的数据的那个空间里面存储的是代码是字符串，没有任何意义。

• 查找变量声明
  对于找到的所有var声明的变量，全部存入VO/AO，并初始化为"undefined"，也就是在预解析过程中只是把变量的声明提前了，但是值并没有提前。
  如果同一个执行环境中有重名的var声明的变量，预解析阶段只提前一个。（在执行阶段，后边的覆盖前边的）
  如果变量名称和已经声明的形参或函数相同，那么变量声明不会干扰这类属性 （也就是说函数名和形参的优先级高于var）

• 预解释是不受其它if或者其它判断条件影响的，也就是说，即使条件不成立，我们里面只要有var或者function也会被预解释。

• 一对script标签可以看成一个执行环境。
  多对script标签中的js代码在预解析过程中，分段解析，边解析边执行。（按照，进入一对script标签解析后，从上到下进行执行。然后再进入下一对script标签中解析，然后执行，的顺序进行执行的。边解析边执行，只有在进行预解析后，var变量、函数才会被添加到执行环境对应的变量对象中，供执行使用。）
  因此，多对script标签中的重名函数不会相互影响。多对script标签中的var变量，在预解析时不会相互影响，在执行阶段会进行各种变量赋值后，不同script标签中的同名变量会有一定的影响，要注意先后顺序。