ES6学习——JS引擎解析：变量提升

游览器解析HTML内容时，如果包括JS代码

则blink（谷歌游览器内核）将JS代码下载，通过Scream（流动）的方式，传递给V8引擎，也会创建个ECS（执行上下文栈）

①，游览器内核运行的JS代码中,Scream流入获取的源码中（如ASCll，UTF—8，chunks），会在流入(Scream)过程中进行编码转换（UTF-16，Code，Units）,然后流入Scanner(扫描器)

是否如我所说并不准确           ↑

②，Scanner（扫描器）会转换成很多tokens（令牌），流入Parse解析器/PreParse（预解析）阶段，PreParse也会流入Parse（解析器）步骤，然后转换成AST树

2.1:值得注意的是全局对象：GlobalObject是在解析器阶段生成的，内部含有所有的数据类型和全局函数

 预解析的原理就是：V8引擎为了提高性能，不会立即执行所有函数，如果有嵌套内容的话，不管有没有调用，都会将其处于预解析状态

③，Ignition解释器将AST树转换成字节码，转换后可以直接执行代码，也可进入第④步

④(最重要的一步)，字节码由TurboFan编译器转换成机器码，并检测有无热函数，由CPU读取运行，且第三第四步会根据情况互相转换

4.1：在执行代码前，会创建一个全局执行上下文（GEC），且放在执行上下文栈（ECS）中运行

⑤，在代码执行阶段，顺序从上往下，会在全局执行上下文（GEC）中找到VO，由于全局变量的作用域是GO，所以会在GO中进行赋值，相当于 GlobalObject：{Variable：Value}

5.1：在代码执行时，全局变量会找到GO，将GO中的变量赋值为定义的内容：比如Num1：Undefined 改为 Num1： 10

为什么Var变量前使用clg或者alert（比如第四行定义变量，而第三行使用）返回变量会出现Undefined？我的理解是在变量调用前:

变量提升：
         ① 在解析器转成抽象语法树AST之前，会将全局定义的变量、函数等加入到Global Object中，也就是上面初始化全局对象的过程；
         ② 但是并不会真正赋值（表现为Variable:undefined），所以这个过程也称之为变量的作用域提升（hoisting）；
         ③ 将使用的变量移至作用域最前端，比如我们要使用console.log(1st)，那么变量1st，会在所处作用域最前端生成var 1st

第三点暂疑，不确定是否正确

console.log(test);//返回的是Undefined

var test="变量提升"

/*
 实际的执行步骤
 ①  解析器(Parse)阶段，生成全局对象GO，且所有的变量，函数，都会进入全局对象GO中
 ②  此时的CPU不能读取代码运行，因为不是字节码/机器码
 ③  所以GO对象中：{test:Undefined}，由于CPU读取不了，所以无法赋值
 ④  console.log读取GO中的test（因为变量test的作用域是全局作用域）
*/

//变为以下状态

var test;//读取变量会在作用域最前端依次生成

console.log(test);//Undefined

var test="变量提升";