js 引擎如何执行代码

js 如何运行代码

归纳总结 js 如何执行代码全流程

一、js 运行代码流程

JS 引擎并不是一行一行地分析和执行程序，而是一段一段地分析执行，会先进行编译阶段然后才是执行阶段。

js 运行代码分为以下四个阶段：

词法分析 -> 语法分析 -> 预编译 -> 解释执行

（1）词法分析

• 词法分析是将字符流（char stream）转换为记号流（token stream）。把输入的字符串分解为一些对编程语言有意义的代码块（词法单元）

如 var a = 10 会分解成 var 、a 、= 、 10

（2）语法分析

• 将上一步的词法单元集合分析并最终转换为一个由元素逐级嵌套所组成的代表了程序语法结构的树，即抽象语法树（AST）

生成 AST 详情地址

（3）预编译

• 将上一步的AST转换为可执行代码。

此时每块代码都会创建相应的执行环境（或称执行上下文）

所以代码在运行之前就已经确定了执行环境，执行时就是按这个执行环境去执行（js 代码是静态作用域，其实在代码写完时就可以算是确定了作用域。但是 th