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="变量提升";



相关文章

学习编程是顺着互联网的发展潮流,是一件好事。新手如何学习...
IT行业是什么工作做什么?IT行业的工作有:产品策划类、页面...
女生学Java好就业吗?女生适合学Java编程吗?目前有不少女生...
Can’t connect to local MySQL server through socket \'/v...
oracle基本命令 一、登录操作 1.管理员登录 # 管理员登录 ...
一、背景 因为项目中需要通北京网络,所以需要连vpn,但是服...