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